From 649ecb444c36b2aa9442115e47ed0b63acfec6d0 Mon Sep 17 00:00:00 2001 From: Vishal Rawat Date: Fri, 13 Oct 2023 22:56:23 +0530 Subject: [PATCH] Deploy website - based on 5c378fdeca27dbec95ec1035aa3b6bbc22b1ca2b --- 404.html | 8 ++--- CNAME | 1 - ...efits-86a1600419fba0e865763358cd2a24ae.png | Bin 0 -> 340290 bytes ...intro-7f73c6930cecb4810126341cd83ea924.png | Bin 0 -> 38046 bytes .../jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg | Bin 0 -> 232690 bytes ...ature-c935b01c39c1890bf75dc1d28385d139.png | Bin 0 -> 525478 bytes ...ccdc3.e7b748a0.js => 064ccdc3.825ca217.js} | 2 +- ...e3c97.5561ca28.js => 0abe3c97.b746e22d.js} | 2 +- ...e4159.58ed6537.js => 11ce4159.e2a528f9.js} | 2 +- ...78505.d5eb3d83.js => 1be78505.18c8ac94.js} | 2 +- assets/js/2b7c4d8e.31103f96.js | 1 + ...c576c.0aae9887.js => 332c576c.09d9231d.js} | 2 +- assets/js/35fb2de4.d0fbbd53.js | 1 + assets/js/424aade5.58359025.js | 1 + ...c4dbb.aa477f41.js => 44ac4dbb.4e4e7175.js} | 2 +- assets/js/45ca282f.0ab8c7f0.js | 1 + assets/js/4b078b99.5ce4659c.js | 1 + ...5fd33.ff647ca8.js => 4bd5fd33.091659be.js} | 2 +- ...07995.334f05d1.js => 55207995.a1266fac.js} | 2 +- ...401d8.19ab9203.js => 720401d8.2b5d7425.js} | 2 +- .../js/{4972.16297f58.js => 7515.2efe5cd1.js} | 2 +- ...726a8.88d09716.js => 7d9726a8.91d5a146.js} | 2 +- assets/js/814f3328.7e123b8c.js | 1 - assets/js/814f3328.a3f17ea3.js | 1 + assets/js/84e5d1c3.99a147e7.js | 1 + assets/js/8609c8e4.89351d41.js | 1 + ...4e46b.6ca59b1e.js => 8eb4e46b.2f4c6944.js} | 2 +- ...99a1c.33f9bcb8.js => 92999a1c.8f55ad66.js} | 2 +- assets/js/a7023ddc.bd02da5b.js | 1 - assets/js/a7023ddc.f4f7f6bb.js | 1 + assets/js/ab4c6d72.47950f33.js | 1 - assets/js/ab4c6d72.f6bedea5.js | 1 + assets/js/ac2246e0.b9fe4c2f.js | 1 + ...675dd.b1665fba.js => b2b675dd.8715727b.js} | 2 +- assets/js/b2f554cd.04d3c94c.js | 1 - assets/js/b2f554cd.551789bc.js | 1 + ...54ba9.9a0908bb.js => d7f54ba9.e2efa4ac.js} | 2 +- assets/js/db0d0857.bd526f2e.js | 1 + assets/js/e0eb994a.0e0b711c.js | 1 + assets/js/e0eb994a.6cfbfb58.js | 1 - assets/js/e1f3d415.90e5b376.js | 1 + assets/js/f32fe326.97637734.js | 1 - assets/js/f32fe326.f9dd6beb.js | 1 + assets/js/main.2ee77d72.js | 2 -- assets/js/main.6261e96d.js | 2 ++ ...CENSE.txt => main.6261e96d.js.LICENSE.txt} | 0 assets/js/runtime~main.96ac7efa.js | 1 + assets/js/runtime~main.a2117aa3.js | 1 - blog/CNCF-Zero-to-Merge/index.html | 10 +++--- blog/Cloud-gaming/index.html | 10 +++--- blog/archive/index.html | 10 +++--- blog/atom.xml | 22 ++++++++++++- blog/blog-posting-guidelines/index.html | 10 +++--- blog/breaking-the-ice-open-source/index.html | 10 +++--- blog/dive-into-web-design/index.html | 10 +++--- blog/index.html | 12 ++++---- blog/intro-to-ai-automation/index.html | 29 ++++++++++++++++++ .../index.html | 10 +++--- blog/intro-to-blockchain/index.html | 10 +++--- blog/intro-to-cloud-computing/index.html | 10 +++--- blog/intro-to-react-js/index.html | 10 +++--- blog/introduction-to-api/index.html | 10 +++--- blog/linux-basics/index.html | 10 +++--- blog/page/2/index.html | 11 +++---- blog/page/3/index.html | 11 ++++--- blog/page/4/index.html | 13 ++++---- blog/page/5/index.html | 13 ++++---- blog/page/6/index.html | 10 +++--- blog/rotaract-club-of-tcet/index.html | 10 +++--- blog/rss.xml | 18 ++++++++++- blog/tags/ai/index.html | 14 ++++----- blog/tags/ai/page/2/index.html | 29 ++++++++++++++++++ blog/tags/api/index.html | 10 +++--- blog/tags/artificial-intelligence/index.html | 10 +++--- blog/tags/authentication/index.html | 10 +++--- blog/tags/automation/index.html | 12 ++++---- blog/tags/blockchain/index.html | 10 +++--- blog/tags/cli/index.html | 10 +++--- blog/tags/cloud-computing/index.html | 10 +++--- blog/tags/cloud/index.html | 10 +++--- blog/tags/cncf/index.html | 10 +++--- blog/tags/community/index.html | 10 +++--- blog/tags/css/index.html | 10 +++--- blog/tags/cultural/index.html | 10 +++--- blog/tags/cyberpunk/index.html | 10 +++--- blog/tags/data-extraction/index.html | 10 +++--- blog/tags/data-science/index.html | 10 +++--- blog/tags/data/index.html | 14 ++++----- blog/tags/data/page/2/index.html | 27 ++++++++++++++++ blog/tags/editorial/index.html | 10 +++--- blog/tags/free/index.html | 10 +++--- blog/tags/frontend/index.html | 10 +++--- blog/tags/gaming/index.html | 10 +++--- blog/tags/html/index.html | 10 +++--- blog/tags/index.html | 10 +++--- blog/tags/innovation/index.html | 27 ++++++++++++++++ blog/tags/integration/index.html | 10 +++--- blog/tags/jsx/index.html | 10 +++--- blog/tags/linux/index.html | 10 +++--- blog/tags/machine-learning/index.html | 10 +++--- blog/tags/mental-model/index.html | 10 +++--- blog/tags/mind-benders/index.html | 10 +++--- blog/tags/nvidia/index.html | 10 +++--- blog/tags/open-source/index.html | 10 +++--- blog/tags/open/index.html | 10 +++--- blog/tags/react-js/index.html | 10 +++--- blog/tags/resonsiveness/index.html | 10 +++--- blog/tags/social/index.html | 10 +++--- blog/tags/software/index.html | 10 +++--- blog/tags/software/page/2/index.html | 10 +++--- blog/tags/source/index.html | 10 +++--- blog/tags/technology/index.html | 12 ++++---- blog/tags/terminal/index.html | 10 +++--- blog/tags/tmai/index.html | 10 +++--- blog/tags/tui/index.html | 10 +++--- blog/tags/virtaul-dom/index.html | 10 +++--- blog/tags/web-crawling/index.html | 10 +++--- blog/tags/web-design/index.html | 10 +++--- blog/tags/work/index.html | 27 ++++++++++++++++ blog/tags/zero-to-merge/index.html | 10 +++--- blog/tmai-april-2023/index.html | 10 +++--- blog/tmai-june-2023/index.html | 10 +++--- blog/tmai-may-2023/index.html | 10 +++--- blog/web-crawling/index.html | 10 +++--- docs/about-tcetopensource/index.html | 8 ++--- docs/category/projects/index.html | 8 ++--- docs/category/resources/index.html | 8 ++--- docs/category/workflows/index.html | 8 ++--- docs/projects/docs-site/about-docs/index.html | 8 ++--- .../docs-site/getting-started/index.html | 8 ++--- .../docs-site/navbar/adding-items/index.html | 8 ++--- .../docs-site/navbar/adding-links/index.html | 8 ++--- docs/projects/docs-site/navbar/index.html | 8 ++--- .../docs-site/navbar/search-bar/index.html | 8 ++--- .../navbar/title-and-logo/index.html | 8 ++--- .../sidebar/adding-categories/index.html | 8 ++--- .../docs-site/sidebar/adding-items/index.html | 8 ++--- .../docs-site/sidebar/adding-links/index.html | 8 ++--- docs/projects/docs-site/sidebar/index.html | 8 ++--- .../sidebar/multiple-sidebars/index.html | 8 ++--- .../fmc-website/about-fmc-website/index.html | 8 ++--- .../components/button-instructions/index.html | 8 ++--- .../components/cycle-result/index.html | 8 ++--- .../components/defining-cycle/index.html | 8 ++--- .../components/displaying-cycle/index.html | 8 ++--- .../fmc-website/components/footer/index.html | 8 ++--- .../components/header-help/index.html | 8 ++--- .../components/tech-stacks/index.html | 8 ++--- .../fmc-website/getting-started/index.html | 8 ++--- .../mathematical-logic/average/index.html | 8 ++--- .../mathematical-logic/calculation/index.html | 8 ++--- .../mathematical-logic/checker/index.html | 8 ++--- .../input-handler/index.html | 8 ++--- .../page-interaction/index.html | 8 ++--- .../mathematical-logic/perform/index.html | 8 ++--- .../mathematical-logic/scripts/index.html | 8 ++--- .../table-calculator/index.html | 8 ++--- .../table-manager/index.html | 8 ++--- .../table-row-updater/index.html | 8 ++--- .../table-transformation/index.html | 8 ++--- .../table-updater/index.html | 8 ++--- .../about-resume-screener-website/index.html | 8 ++--- .../frontend-components/about-us/index.html | 8 ++--- .../ats-resume-template/index.html | 8 ++--- .../ats-resume-test-scan/index.html | 8 ++--- .../frontend-components/card/index.html | 8 ++--- .../frontend-components/footer/index.html | 8 ++--- .../frontend-components/guideline/index.html | 8 ++--- .../frontend-components/header/index.html | 8 ++--- .../frontend-components/hero/index.html | 8 ++--- .../tech-stacks/index.html | 8 ++--- .../getting-started/index.html | 8 ++--- .../about-tcet-linux-website/index.html | 8 ++--- .../copy-to-clipboard/index.html | 8 ++--- .../download-section/index.html | 8 ++--- .../frontend-components/footer/index.html | 8 ++--- .../frontend-components/hero/index.html | 8 ++--- .../installation-steps/index.html | 8 ++--- .../frontend-components/navbar/index.html | 8 ++--- .../tech-stacks/index.html | 8 ++--- .../verify-downloads/index.html | 8 ++--- .../getting-started/index.html | 8 ++--- .../tcet-linux/about-tcet-linux/index.html | 8 ++--- .../tcet-linux/getting-started/index.html | 8 ++--- .../iso-profile/bootloaders/index.html | 8 ++--- .../tcet-linux/iso-profile/index.html | 8 ++--- .../tcet-linux/iso-profile/rootfs/index.html | 8 ++--- .../tcet-linux/iso-profile/scripts/index.html | 8 ++--- .../tnp-website/about-tnp-website/index.html | 8 ++--- .../directory-structure/index.html | 8 ++--- .../frontend-components/about-us/index.html | 8 ++--- .../attendance-chart/index.html | 8 ++--- .../frontend-components/companies/index.html | 8 ++--- .../frontend-components/components/index.html | 8 ++--- .../frontend-components/event-page/index.html | 8 ++--- .../frontend-components/footer/index.html | 8 ++--- .../frontend-components/header/index.html | 8 ++--- .../frontend-components/hero/index.html | 8 ++--- .../industry-interaction/index.html | 8 ++--- .../internships/index.html | 8 ++--- .../placed-students/index.html | 8 ++--- .../frontend-components/placement/index.html | 8 ++--- .../student-award/index.html | 8 ++--- .../tech-stacks/index.html | 8 ++--- .../testimonials/index.html | 8 ++--- .../top-placed-students/index.html | 8 ++--- .../top-recruiters/index.html | 8 ++--- .../frontend-components/training/index.html | 8 ++--- .../tnp-website/getting-started/index.html | 8 ++--- .../workflows/external-workflow/index.html | 8 ++--- .../workflows/internal-workflow/index.html | 8 ++--- index.html | 8 ++--- search/index.html | 8 ++--- sitemap.xml | 2 +- 214 files changed, 927 insertions(+), 745 deletions(-) delete mode 100644 CNAME create mode 100644 assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png create mode 100644 assets/images/intro-7f73c6930cecb4810126341cd83ea924.png create mode 100644 assets/images/jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg create mode 100644 assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png rename assets/js/{064ccdc3.e7b748a0.js => 064ccdc3.825ca217.js} (96%) rename assets/js/{0abe3c97.5561ca28.js => 0abe3c97.b746e22d.js} (76%) rename assets/js/{11ce4159.58ed6537.js => 11ce4159.e2a528f9.js} (80%) rename assets/js/{1be78505.d5eb3d83.js => 1be78505.18c8ac94.js} (99%) create mode 100644 assets/js/2b7c4d8e.31103f96.js rename assets/js/{332c576c.0aae9887.js => 332c576c.09d9231d.js} (67%) create mode 100644 assets/js/35fb2de4.d0fbbd53.js create mode 100644 assets/js/424aade5.58359025.js rename assets/js/{44ac4dbb.aa477f41.js => 44ac4dbb.4e4e7175.js} (78%) create mode 100644 assets/js/45ca282f.0ab8c7f0.js create mode 100644 assets/js/4b078b99.5ce4659c.js rename assets/js/{4bd5fd33.ff647ca8.js => 4bd5fd33.091659be.js} (61%) rename assets/js/{55207995.334f05d1.js => 55207995.a1266fac.js} (91%) rename assets/js/{720401d8.19ab9203.js => 720401d8.2b5d7425.js} (93%) rename assets/js/{4972.16297f58.js => 7515.2efe5cd1.js} (93%) rename assets/js/{7d9726a8.88d09716.js => 7d9726a8.91d5a146.js} (80%) delete mode 100644 assets/js/814f3328.7e123b8c.js create mode 100644 assets/js/814f3328.a3f17ea3.js create mode 100644 assets/js/84e5d1c3.99a147e7.js create mode 100644 assets/js/8609c8e4.89351d41.js rename assets/js/{8eb4e46b.6ca59b1e.js => 8eb4e46b.2f4c6944.js} (79%) rename assets/js/{92999a1c.33f9bcb8.js => 92999a1c.8f55ad66.js} (80%) delete mode 100644 assets/js/a7023ddc.bd02da5b.js create mode 100644 assets/js/a7023ddc.f4f7f6bb.js delete mode 100644 assets/js/ab4c6d72.47950f33.js create mode 100644 assets/js/ab4c6d72.f6bedea5.js create mode 100644 assets/js/ac2246e0.b9fe4c2f.js rename assets/js/{b2b675dd.b1665fba.js => b2b675dd.8715727b.js} (77%) delete mode 100644 assets/js/b2f554cd.04d3c94c.js create mode 100644 assets/js/b2f554cd.551789bc.js rename assets/js/{d7f54ba9.9a0908bb.js => d7f54ba9.e2efa4ac.js} (76%) create mode 100644 assets/js/db0d0857.bd526f2e.js create mode 100644 assets/js/e0eb994a.0e0b711c.js delete mode 100644 assets/js/e0eb994a.6cfbfb58.js create mode 100644 assets/js/e1f3d415.90e5b376.js delete mode 100644 assets/js/f32fe326.97637734.js create mode 100644 assets/js/f32fe326.f9dd6beb.js delete mode 100644 assets/js/main.2ee77d72.js create mode 100644 assets/js/main.6261e96d.js rename assets/js/{main.2ee77d72.js.LICENSE.txt => main.6261e96d.js.LICENSE.txt} (100%) create mode 100644 assets/js/runtime~main.96ac7efa.js delete mode 100644 assets/js/runtime~main.a2117aa3.js create mode 100644 blog/intro-to-ai-automation/index.html create mode 100644 blog/tags/ai/page/2/index.html create mode 100644 blog/tags/data/page/2/index.html create mode 100644 blog/tags/innovation/index.html create mode 100644 blog/tags/work/index.html diff --git a/404.html b/404.html index a6c9b2c2..5a039abe 100644 --- a/404.html +++ b/404.html @@ -9,8 +9,8 @@ - - + +
@@ -21,7 +21,7 @@

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- - + + \ No newline at end of file diff --git a/CNAME b/CNAME deleted file mode 100644 index df4d6bef..00000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -opensource.tcetmumbai.in \ No newline at end of file diff --git a/assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png b/assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png new file mode 100644 index 0000000000000000000000000000000000000000..afc31b3d69d11e8d49cf41da3fa5cc1d133f379e GIT binary patch literal 340290 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%0AFmPBCbsgLvA2P6VF=( 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

cJ^c#*Kh`Y2EMQ5 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
@POR?!p)-Q@6rtsEGol*0% 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

i;FyEm6Yk*grP~m8QkRMuggooIBp2$ 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¥T^Kuw|5{ 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 $+c$rJCqGc-v+6sb)?Zgt6%{zY zgISeV890rR`q(eh7=FBM3JR?c$$>eWjPs)c*}M28KSsfg61N7%^rtAkY6I7lz{`>K zq}w22F0VZ@>`o^a$P-e3dL)YBn|!U2?zOET4RgSxP?$`FxADeMAG#IpMK-$Qz|iy1NC`i<eCK+yql_t_bYemY4529Z=(BMCBP5MIX z7oDcz1A+Y(t#V?lee}$*-@h0+MtGT3*Lq#lO2-Qu3T&tj#%8{LFOY!(k}&~g zfMHACAXbXwG(ClC@p*H#Qa7wTY{fhpKL!o5oKy+_O)GgT1eS4Ir}hJC5k1@X)_j8% zr;j})g%AH%4v2yh6yYI3Q2edn#{1dWB#(#&gc7a%_}e-iRKv5j$QTn z)lt_p{Inb{=rI!xFsg8Uz;hu#t%i`h(CTj)m;r{oEX*infoaQ;5uldAvOT;%-*(T3 zx%H8@@V%Pg$8zz)m1{9B;)EJQHbMm3F|ha%*4cqq!Y+0+N$|l+%bZ`5D99NFcL{G+ zSW!T(T8W!%!|?tBgx&(GI;8SvyX*>Fb<{x+h52C>;@;vacN1BZ#g27R5IxfR8f{3A z!=)Vd&$7t9qj`P5AQ&SN`s*O*x&;-drWF#PU*OC4-C#ttj#hsU@t2>Oky)TD5R^*y z>>^`8@zE85usKt60B(%ylCS+vzBtU29k2syC?`Z3|Jms#P=5Hp@|o?p2Z1IdQaI86 zkhwFAN4TLB9z)pIGtDBQv$}SIVSHsMi6s4a%eZPd^%jila{&?*ko6?EKT~>O%_xln zFub570laN~NNJY6VIdJP*DjgMfQnF{2$-3Wi$f?x-ZLa6{2SeS6EHOMRkd~5`+77Em1re(`i#~_w{eA_aERz-Q-W)z zeU~t~a^M8B%E>5PPP5i%?JycaoYg?7^(&~-0MrJ?UThBDdi{_=ucf26 zvo6ML9SAPkvEGGfo_QQSp5r{_rTw48Mi4E0-d1#W-vN9*i(ug(cwUKPQF&H=Rs_24 zE;60WDovWV_$bD9GUwECrUBtzq`Yqpt75Dy8A4?Uh9s$)Zh zF!Hay;lXK-V11c+@BM( zBkT*CQIXzn49)S(I^GDx8(6EUg`4cumJc+QLODm#4B`-w{jk*dmqrovU-ehM0Occc zjkM_*eWK~r1=`EwZZNKRw$VCxzX1|nTio`QwnH_jUP>-S(4~x_nt0jogQD{8r=26w zEQ8h~n!Q1hGW-^~$44?aqLn0$lPut%>6d)z#$9UEjYW0>7Gr4P3;tOG(J0 ziQ@&BGI-Nc^Bh~yvH4*iXYu+#PYr%!dDAmSpXBPm-ud0tKoA+JXBY^w*=f^nxo&Q` z()L5S6@v^%HjhFwv3f-}zJb>}u>a{zAV5&46zay8d;EN+L>jsu2xCR`Sl@gY2hv}> z`ZbG6i{^>4o1B8rbr!F!4Z|P;5Y!egmiHF*e^j`CYhK?V*Lp(+5%L@SE7k4}&)445 zO<=-7*|Fbf#OQ*%d_BnAKY*&DA3`Y~^F#EhFtbrEm4R8$C75yM6&RNi~ zp+JGm%|?co)|)7{Y)*bT^3#@@QxdM?fBs-$RTuUfE=|AZ@@a{-1v84Z`LA?amWqSw zTB-PfrURAqDGV0f9A(GyqqW5>oiVNeWOv~ad-v)_dfG4N{!4#~MSUA0z_>QMf7AXj-;gajjl{hL^X zQv=)enPh<~X_0Q0z688Uy!uPRHAwRy&>(#hk1>PLWD>3yf{Bd|hb9(TT^JNVNbJSt7Lx86609DtcCkIG(4+fK3jJMw z{nFH)4Y9nh?cO5LRH8R9>lmL*J;L;`r}DxWiBA0!C_eGYLHJT3AyqDP)flRc?NUl^ zwjgY2gU@F*p3g3VxBFEG+%b1*EXsoZ3=6M9{)c^N1d}$A1#4Zy>l|%qP*;r6oU{sX zh%sG9#_c;K*9!Y1X^?#bAbQIO`2B*VGVoqQDQug1sbfr{*D*{;OoUpd@Nlp0f!l7x zB(*}Fo5)`)t|!$H);0%5+Pwsq#P{QcN_>|=;5PerxSL!k0-{f;|aF6zcpWccp<4n7l0Rh{l&rX}srOW9L+$LpoDKqV;8x<}K# z_|!cXK1t2nGElkL{dX&Hi=&9KSv$%XjK5O^r_Eq&YK|1)7yXkt1N{qN1?AF)f7;GS#bKERWHM**jDUTiIl=W=DI$g+P=lLjzzDH2q^H|`R5)CqVlbn6tXKCZ62PBV zR9tn|Q#Wi*)?C1*rBje(FIdG&tX9t7IGR6;*$0#H`U=%(Fa6$BijaX65*aC4PJo6E zSr%xX7ao)Fs{$IWO>nye@OfumXJc3mO6n0>l8cgfJ&!^YP_$ZIvZXo8&ge3zcP*xOTB3h1*+=N|B@;T9G9hX1D zuvm5>z5z)By8<)Ama==rPq~&gkARV_stx((bW+B1L;Fe5uwm=+jYSv;#(o>A9KM+a z2fZ5_;rQ0tOu~vBM91~vGqZ-#7p_aw;`k)zGY*H`Cd}uLKBGsAM*c+~>?vA~mcF_g zb8S4-jq!`?QKz}*FvZWtx2BO4wq52@h%#VN6qB~@0(*lB#MZA`&EEj$ij%}WTVb?H@EIanQ<<1rXU9D#2T!z(CWY; zX0&TWmU?DUp#`FhGJfT+DCBSMgnXa>Zoy)PfK`D>MP~fbM2~FmpNpPAu7F^!9U5ko zvJ9l`UE|Tn+1XTp5|x5pc1)n?UMzq77DqZ2@1yp&0ijDo=43 zUaU_pS-i|Be=y;49v#34EvYQeH}Bqlb<09Px!nlAh!+2A+RmGQYQW{ZcfnSY;2JBs z|B(D(uH+qx3}s4J_B&Ozet!fCp$!pQi`9C7&2bpR0O*1i9uB3)&9L=YMXoJV^{A~o z@k}_19k~p%9Qe2mVmZQbzVWa`fxls&Q(0`>qI?~t-~E2-wC&VabzMm_HZn{wp|(}G zts`0WC~WXkjz#e~_VvxXJcdtdt(VojEY8dZjjf$2!BFhdCecqmk~CRdj?6) zVX`nzoMf}`L0RlsZlz?B5Dw7zf{93RiL3F_^SrsAi^!U>;mWYusW5l_80~(Z`DWRk zG+EO73EzR_eDUlR{__x9o5&Hay(jwH!FTR~M4FlNaYy_f^{}arp8*^kf6G6VNMkyc z(1amP410qIL!Z;Bl_$O+SW!LFm|W#UEE=P2gOeKQ;|DME-g`7tD3ihE@Mq-QpaCHv zopewBf1!_*w&q2yFBTm+f6J855^@bsA}khl#riQ;g$mP+_+m8=7M80=s^}rl0z!M3 zl0~fLj$o7(3a^vC;iPd~e=%WBU`LVe(JsukC!i=KGGelVGxKVeMn3GPOSMre$E>0v zXLSIB2Bn1tDX{GVqYzQC5{E2>h>7pu7A5ix9w17Tf12^8wk}|+$M|aEPM9;RV|>fn zb=MVosS?6hg1(Zm;Lw(E7VTT5tEHwkK=;=ELlLPnAS0V4BReE}K53(hm(iJ^4Y&v9 zFhAW_9}~vx1ndn2;gf$aG|8u03y0Pr@Z+hhXPX1y)Yz(d-0`TbaTLRCta0=QTJB>W0T!mMC_qMH?XQa8_pAbdDo{s!8Y6 zAZIz)TwK$y+qU|hRst6Ye1_eGMs2#4=1c~ucwtTu3~IH9$) zt^PD)N)m!KrrLu^rjkEkP!pPCeb+4pO8PJz3NwOTK$RrGA#MX)-OL&RG{OD{?wgee zP}3-4p;zSkm*vmhNB6i~MGP}w^4n_5=vBV}x%lh0chyqrZISDa{=K-1m+*`bETa{s z!^f%_9YGwrn+#qJ)+x2anwIj&k_0_9NLY+103b0j2f+b?P^juRWZUe{8OSakZYOkg zP!JW9l%^I&;_kwQ*O-szf>Dw@hlkAH}g$0G$-`v^Dlrg zOB45QYh!uBZD+j33iWmp<0kkO^mN}X9e(xCZ*!%}S$!nVmTS!BL5HaM?yfz zT8$VPe%kMhj9QR15E1E~SlOm&pd2WZx^7oR*jxbohu7?n#vnt0%eRo3RTE66h+T8x zJ!7@k0_>)jxHPnLWTcFUePKl$8CG6!|8BCI)dvZnDNFOx`#ZBbaHs)j=91;_abGrN z)!W%4&wc^ORjYGl?-<B4S2nCKeLX&j>bIf7pix1_FWv z{snl37+Pg~M>jw%Xf`Tbkam1FyVLscf(f?R<;3vcMPob7(&jize_&jOx#6zf3h&e(q)pssI?zdyO9@TQ=#rSfS8g5?(gYjeM2FN1Xk zzMumnkjvqWmBcKPy#>-av z*Y z;IVDb&67(GDc6;LBZ1mC6-(XP&;&6)GSt99r}_79b*}`hoHNWw*Q|&C zZ2SW2huP%|@~%$bb%~5x5B^DHo+Mnif0|j|E~O!8JSIL#(yV}Rcc-vx$??AS zC3i5@oa}u`^3{vWuDMA|v!X&pg}O9hZuof5@h=0$|B6D*U(GM|F13i6AuTosJu1@{K$)fu_NQb-@96=4nAO`_8CAJ@V0&mgyX6TV$F#_2`N=ED$T&nb)~C<#}1R#u-T{n!9;z2{}aee^-tV*GrFj?+)jKnf%~s$?)lK#4A@6mYTkR|cp8Af+uqM_S|(l2 zl^dRoHQ$5&CJpDz0~bA-$k7khYF)0p4dlY#NPN0Qkw+_x!=zWH8(pt}fThUR$7N1m zUw#2l(OZJydqnY^Jx}g`0d##R1Mm(~Fkf?qtYpx0sBT5HgG;AS-H0lMzaECRA*%eR zLLo9X@vHkSSG+6>TAr!UOI(fXk@3!k!4vqo#)4m94ju>@^NJ%xhl3F1wyAJLgo2A~ zQQ?TPdzCms|EW-p(9G-P?-mFLy?-=dRR9y(PmT3TD-He=scVMycgbnV)C0%4jtZFu zZrl+lO?JPJw{|uf=C?ZRda9jJFzGDjQ(a$^I-bnz9}~sSCLVcT^%Q)uaVPp%Kkdrf$@Z$;l z1(0&Ov11{cFSq`qBu?{49VeoPdM@@{5v_GSo1PP&+H0wUf)qh7j9Rt0j6=INIF;<- zTTbmD>d8GfoJygD|14<44nN!+yxL&9`#u|q!}MLvBEx<_J8$c{zpaaj8S_hwzwu#T z0!B?Pnv(u-xSD(z6{C?TP0>Fc%Bzl7!|b=;!Pc|_4K)i}DLvXT@g1;cAqj_dTqU+4 zVdim!e=_Z;B`jOjJ2;Svb)g3hI$&%h8M9X!+LjF-Pzg#;8kjZ1c&)1pKXtz9j0@ju z9U6G4#{5Cba$xpwNzog<9546_K#P8FSnxD?og6ZVnpPGADHm;4!;EEb%K0N_z3;R( z#lPQ}v!P({2Qwy8xTm^Gzrmmr_2Zykahl<~I-mR$Hfy@)15CQ!VPh~7>nbKO?t#T- zLON2dud>aT@lR@9)EuNHpk@CI2v|CKIlO6jWdFXdvd{!~sNr(pv}@<(n+%Q}!)lsG zt3y|f%;ps)JnL05k$CJcK*9Mm$2`8<1kB2a@~UO)x;b}|eKx!thQ05fqDxCjlq0;AB!_&)u?<}v!i z2|BHoXG?4t8#~+&Y0Y07d^4r=>`(@DjJ&sBoBQT{1s{8{$sik|YQg!Wfb>Saqe9(- zX+<*`$WA!=kJ+ART#OxabrX^k#dD=!$UBRZOw>3uIhcufoQX$5LRNCtVeLca*fJ_2 zGW~EVS;|Dd^Fi6;)pVQXU3r@mF_;S!<@a=BL~S0J_+En()8IdBS+5yV@BcX_yy(0; z_{NH5^YT*EDABgz;H{pIV?65HemasZYp&N*=6f7A(6pjW;H*pc{i_zsjDr02f)ugU zhg(YM`N-d;>dKYrA+{jto*R>n^dmo=`?yJVBQrfvBa-aTHx5Uor{@^7`~rX;3^>to zxWOA0&qPGU-$!SxD(Xbf!<;Q>rZm*d>w1ldy!n^u??tAHPqY>6h9qusqp>Io*@nAo zDr37j=|S~|B%wrXJd*Qq!DPmYVX6rS38S2P`rB7L=1&L+E;pGOZM z=;)YmSGgUFIGh8+tsz3h%!Us|v>;2fQ5}dX{J&0yHY2Khruv6K&RVfOYtE$I%hBq6 zPg26mb_Pa_$&73%^ey??pDJ$(j>7OTE!D!V-opDiV{K1E8kf$x!Yqy83Crr}F(!2z zDc2Ex_uuEytC!0KP-DpGoz|l1+$R! z)+lri*kwe<7Z3OPXo$MGdKo}0Hh)DGM!(X& z0jDTZQTJDjFS(zT^r*r~<^4+-68>sP`8x%*o5#3Wb@?2g%wldiIyt=!zgrZ789^q*HA5U+JQ zbLWgQ-qYm12+p`w69^(jx#zHz7O@%?71X2 z>psf^$6ax;qfG@B-Cp9gSaAv0MD4;VgP~7|Iz-gFBJRPJF{uAYr~!OWca+C~{hF}l zi^Y5klkHNq;Z~(U@R0AuW)fe(Yo|44|rJ`)yO zg3dkY8@!dP7H5OdsqwA+HR(4rl*3x!*pO4-=hokZT7{2tT7<~}GH`ek&A5bR>58;_ ztWw6n{`~<|I##f3uch4!X=AWnI9!7~4bz&Jui#47JksTD(fA!v$cg#)*ehKlckH{s z3_&J1YS8orY7H`=f@^W#u`}WJ?gvIni64w8|NY*DN5%)7(U(GXtdbYRq}taEE0Oj7ORlxNCiHiD&29#O|IEGd6l&-XoP5C|L;7#1b` zW8B#fC%F`S_8VAJV8J9klFDF56V{U0Y7{poM!&-o1LjGo{qrr-xtI#BvXYEM9K}%7 za0_KMYe-zM`9H*JaT%>;*#OeTV_#n)~nSR)_~}=O}8qt65L{o zZbkH0L!qkWOKIG^xV&#PX zG&s5%yL)=&pfSF6%}Bz8$u5BfXXt6OG|XMja?fLJRcp}`5`DP!N4FvK-85^(w!>Q< z#vW_RlN%c#JJQ_iiQ=sIq3*SUXRQ^7RS2uu`$P%4G#rq&girQLL+;6cXLz2 z9)Bb)f@5s-USDc|RL_SxSVqjXR=q5u;g#czATf5-YxiO2Tf>R$)9hy4;ke!u)ODQgf^{<>x;HQY3BTl2O=rBEvA= zcVk;@OTdOdOEUy}>>bE@s#w(6!)!AvR6pRr2^GoekQp#O8s3 zX5xYGskYGRt8^BrsQA_U}$&Lje~mI}N!cxElty1216VqYM`t zMA&a?mS0r%JpX?N;r(ak^t5YZvHkr_Cs){>qgS4uaHHD^7|+++F4xpb=CAwTTE|pU zN^V%SjY~)8{&I+nt-3vv+;={b|MhssW$)gcSXt|ZRsCow=uOJ21AfMM=G-Jv#-6(j zze37%{X>IY$Z9W8-6RgHDbCA2pa1cRC##x$$@)uxW=ypNV@ulvYq5Chu#&Ym_<_wt% z`|b9;y8bz*`JtG$zvDmhr1dy58QF3bzXaQHfAyMfwLzwcCw_kFyQue|N5p-lH5Wot zn;ulHSK>1#$5jIHRp7V?_bW(AmZK8f|7WPUDi1!UOihQuXYRaV-8?J|53H>j7svJY zq;u%(b)fmk|G_Sn{$Lk_00TjSK|+9of`Nd2xDo~cgMcE&Abt1~j?I~xMwZvJ%_d^f z^@+=^u0i=Mr=Zle14hiOZ+D46qUeh%)V+1ZVqZ&OV3W1|H(v55{tsUAJ;cl}z?9=( zd3Xu3l=E+8RaAa{oec0DTR3D_dAxH&&c>CLUieX)rdd%bXdPS8x;N`1kR?Zf0tE*A z*IksZX#xA(qOtS0h?N~Goj2&2w_-`Cr6aUPvVoK(NV5$o%~<@ej$|n!a&~vqJKf+@ zdFl9vSuXDi0=v6*>&*Gr<4&j;Z?!v`UOUD-*r!>KKhMQLXYQNMcuq2hqi+*G4P-5) zA_EFwZQ_w(r5b2l1X?=IBwA~EY1h@Iiz>yC|DMqn2wM;3-7g z-q3X!2LCo;znOdkoxWG>CaOL+R4i z>xAEz^ck)nz@w!Qu4ohP+XE8KN1B66rrws<#2pFL&CQ=>ZB7ZX`wt}`sv4&FH}Oe- z0j6EB@f8yBb1^!t?9(0haZ5~{8_8J~n(}kW&tt95NBetzdJ^%cd(_?FOr`zoQ7C2} zK~JUCTN>z)pc1$-XRN<*biC6+3iFqlG0-nS=%XQGZyd*L(p~>w3KTj?;7V^D zCJ!g{cM{Ghophvf2X^TA=2+;X?>=QW%#_!&kL4;GN*0AIsF8%4jroH0rYn{$o8`1lz7MT+Ro>Sp?VXyp9jqjA7WHr2AOs<$v9HdWWtMC zz23-KFM)Ig+au>*GhZ!k<(4r;1$ni^5Vtc-Vf>@$kADHSI6SYsy^tkF%pQ&OGv3WE zY{IqQ?FBB`ZGQp&m?vIzV{G#s?7KdOrrUu@L)k{>3aI+=v%EfBkXGMPowTC1YOEhFJij2d;*;=}x262p1hC@G&i5K8w~Ef#bj_u)K|k?7E*%yj z3$SP|^}H>;3M#GZnBV9E9{o>RL(r5=S z#thciK1GH}#ZW%Z(2=8oK^abWg!@V8LGMJshj-`~^skPBMJ!bYPxaS#7`h1vt7@-K{Ag z8o57yJzFti)3|ZvBy7M{!K}=c13fyC>)=b`%wuud!!~W}v`)y6G-%yp{GJAq%&dx? z)=h3?VH9kX zH#aiiG5Fo~J{hj;xnXJ}vxq92WtwX|hz+x<@n>XMN#L~Sxal>VLBht5SMYo?foBZ^ zhfWVk?YFn$4T)k8c|$9w#x(QRl_D?W4`o&OUWuDbQHOS#wav@+Pm#8GYMg4k%Ml+t z%cM!!^)gD$v~$M3t;ufWICPM`YJaTN3I@b6^I+Ld?udQ?9$WT@X~*r;pKo-i*(~~4 zuQ2TWGWnfkjcpyEi&Sr7c2{Ha!pyJ6Eq*NX7Z|Dab7TJKG{QN*GaauTv7^tW z8u;=moXL4>xU7ur&qej3y4F|DcFbPS#`~YbZSs8n`TNoK51ZVqz4+Ai}(Aq41$=R+r77%J&s4StW zBGNOX-6In$y9i~bg zbu5RV*iPEdbx!HSXrEG`^DwclH4-fLmPI>22`pJAxs(%ihG3hnFBVzJn!-K3&px{7 zvCdIuRIaCM*n75PAsN44bmN6H6Mqw@A*^82MPd2UAK&k1R6E#&dLvd&LCzcGErL?8 zw6?mY&*w8<_!P&TL^EHx-4i|L@y1W*k7v^NgC1;I__BN*G!6UG)6;X!S5zG1r6T1a zW17HsNES6(wY&;E`68aixVZYOeG_GpNVKx*5Z9q4?hd))6R@Rr#VCEUD{Q7>`HHxP zo(Jag_WxKPeqkaZ+wb-E(4@(In-vK37XNvBICCOJWPEs?(Z|??^z>ZQa#r~hWST>L zH`am$<~ixvWan^SMY5D!))!R^{$_7w;1{4fRny@P)<`X46uPcyU@rX?LRWAOGz~9u z9QM6Xlf`W~D60r_HylBv{oZ0>-msu)}I*)xLAnku@8UCXh0a4kxk@_DaWj~6Z`Pr$SDl298iW$qy(oNAm z=Jzow2{%g3m0lJJ@;O}ByOp|Z%90=7C0IM0r{6|4gdAYiU*{fDZs5i2`}SL&Wnua9 zxogN_Z!E1zfSxFIQazIdPRBO$=u2YXwkoD&l`VQu|DcjSwBMzdw~Cd96lpvyZ#4SW zo@)ztQ=RwJm+k$ICw=Js*P3p0D%Mh)6NK8mskp4dNIvH9g@U!jtMT?5KE1=+3SF+c zaM{6Q0~bAEzspck zdESVdnm5RRt3|w{OTlomL!CIw zxFmc;&N0ah{SCPDkJVc3Cv>d30*8(|6Puy7@Kn+7-dtrw^+dXp_><`cv_6tM!O(hQy zvz%b@6U&z3R!H6BSl{KUhOC0`_UpMOBVv^}+l5%z$$kN_D{ohhVDk&HKz=&ozXpI{ zy-&*q8g3u);d+0ATC#2B&=Fa-$}Q}AJ^p{#dkf$^mLy$NELmVNlf}%;%*-rV%*<>_ z7BkC2i81kR<2R%xlv@ z;&Ra(C@2|B3IBJzNOg%?p!c23D{8!Bij`p?Dn8v+lACrmW_&dI{hOTf_vJUp8|H`X zXQ$?lP-}8Rk~S{V$6n_q&LEmhIqQ+vxntJLcFmgFH&TwTWwT%(CYeizUbvZ)xQ~73 zKwebm-uHg@gxUe`X#MUq&6u3bj~Sd+;T?g~u;E8ToylAAzM4niCN@dWEXE$?iJle> z^)M^U&KXoCbSZrgo@)=@no~T)=fkjb*gmCVr5roXkAByD)6`?%n)v|YwXO*ZsS*Sn znhp*%M(C$w+qUH(7F%wxpMXx#xc~<0Oxe&H^le!hfTIo}tkGi{w{`M=5An%h<8MhL zdY^oeb<->W)7X+(MI~11IN;|^fH7gFH=CK|A{}Y-!C`kyPMV6IlIO9Bvfb#VQSgJO zJUla^^GKd1a!R6NTdCVnT(9JfvFi4W8n~isMkE4w%k3C;5G-=Ssb*#wBY|77dcAEf4b|;?&A~Nq%@=XuA1h&!V>HbT_4Bo z0>a}?%PLbn>x{SamSAP%sa0oH7!C42$K_de`^bLw2z_lQL=Pg}i(M#kOM6c6OPGke zHf@Y!)~hlEi>_OEb|kHX=<;LZ5|^wF=wsa@^>fNj4$;<6FGYS zW|&qKkoTZY_Dv6Td48ynDHQB}MZ9xerK03n0@JEPRp!h-Z$;vz!&b2 z3`@&06P)W*Ry{N8w~4of^}!QYk5~RD{3En)L}Tkrue6<0wtd6*khI7b+I;yI9OdbdC)K7fbJ3*aGp9m737&0=5O z6tV39Sj+{n4T&%6ps@Pa$GZ; zO{B@%?&D=6i=AnlYhT@A-fdW8it%$wba)nJ+nyeOxx$m+upWGQj(p*~Sp4&?s&?ji z^x2I$8k|hWalLoyD1&|i^#E00TU}4I9PAk_FNF?)MJUyzUhq7ZKWHs1J6TLPr$C3i z+vP`_Q5Y^mtKa)4@qGUm-oWHKolkoRGQ(K7VSykTiBoUtCEC9qpb#QOqWh?{)}$+K zkJMMX93JZ+o4&WB&wSR=KbEtMo`&#;pY_eNcHDiJm$+0=b}}sE>}k0s{a0p|gj`}5MuXVY?h0~+r?5}ew_SO8mLo_#2?Yiqf> zCb!BSB6)I7es{VtIz(fsQ+Xxk`sIVPma<-@AlBcp(@aJ?O_do5^3wc54e~wrod7Z| z>O{A@8=itiW0Jm-v>#87NXDZ?|rufnAVAGqMzuq=uM}!xeLu6%TArS zLe8mq% zs-kd)-}iqi$dr`zzSHz9PDeEs{IHbo^W3pCF00b6iG8DCG&~RqoZRSri#JBT=QH6F z``{^Zv-}jo(S3;?Ia7r=5941DY(#11BKR*SEzFMrGX&m!~K1#u5B#fqKzLWso*vyJQ95{CjFYaj+@NYKyVm^I9S5U}#w{20c ziatvnSiE1Q;Yq)Lt-SF?{%th>{(J~1-3R7(oAdm#Wu?R^c^v#PXDi*5Y|i9)*wWZb z9-jCqe_g@()&%X&Z#fN>#|cb)GXP@n3>~F< z&AI*EzZ+k)P25uJ>}-Gev-U~T<3QS6DPt1dWrs^o&YRBc1Sl&2%A->Ae*;<*QO&^Mk ztFA+)9>vM~jYsko#^%;K+z*D+T)g4G%xjc<O50r9hW_9$*r!KJKlmu-o~h zZF|K_fYU;TGd|CSJD_LqjuTg1*wh4OvW!zSR>z@`X6BH~I=Lrmojn|}B9w^P5KPHr z{ZaW}_4wNl-HO=8AA@7I$2cWwDQS7PkyRJ0isFyY%lEOHh=8{(y_F_hnE8$`;k9T; zHt(nhQ)0@Sj%|#-yD=B%Lm9@V%&W%EMGgsDyT9k;I`6n4YBU~|U&dzLQ)fodBa_~V zh(FFdz#6v{tsr~kYbp5?h-B#^Pmkrf(!t{;SyD`J`o3|(o)dc==xid3Cy^_sBuarO z$Fa5zc6|IorMuC6hYl+ywR&@}X|uG>q~4^i%EsgK zmNr2wEwos?6hZVytNZjvmT+afzh6jtJTdnKo@=3a?Wxr!``g6XkZo7%W@Ij&rKsOe zAfH*r77nZv=iRg=MbC{H<;;iMIkNUQ7KsaAng4wNHX`c7_Olc?R(yDgw%F}-+jp#C zU;lsn$<~?ojGcj)&{j!1GG6~?c>y22I8Gg6Rzv#a(vmptt4P=3)%r-sUa>JU?XBL=23~kO(Y-tir@3 z0z!&^s$v5DLlx64e7;jfX-Q5r!N%2lPJ+$sAYx^E$XhyUv)5bVc{Eg-#~%=g z`lC_L#FPWSa}kHmIv8sAmvGn@@&ZQMBHTxOe(tXpHZ|qOl7{MW2~&5IhYtt?awDnd zzms7sc{XG(YDu86fk>)5#`5Pl#DUf7thUb#7wy=A4RERGU^N4GidH?RZ zX-~ofAxSbYbBC7*Sg2Lin&edEdSG#o0anZ;*!D92NUt<8+%1B*Q zB+rNS9DL->?X>yo#2YM`em8>T8xlz`alnz&GIQJ!6BwUv`#d zg-Kgf)ZR}Ed-|-Y(6T6}CT>wGTCBVe{{&)?%a^1@r{q>tvMiZC8Lt;L$4!tFqa{v8 z+EWt#@m}LYc}u!hNvQofV4B#NLG${tb_UC$O*&{}tP$bZoj`IkwWJwM zI-FD_o^UAEXt2gegOU2%Ujl@xF;6K!_6}Ig@LBQs1kUN2|DdWjUxt67dQH>ma5~RM z%yW>`QZ{N7tWE`pN?TS>b#g{{l0S~;WGv@|z){)Uaq(Fzrq<+jF5%y+J+Y>pSALn+ z&8M6V()6x-FdWb48d@<@ffgZQO~ znr>u#Ic1_XPZjGb=M&2*WKNuMTB3BsXmgVlMvC@k9gaEv>A*IQP*%^5BJOGZXxN0O zYo-Swm83#ZMR~HP6rdB^jmKkQpBfg-$5CSuu@=vb;K0POT(-xpzhvIntc*P7U4!Bs z`$*hgN*XHltBnwkq2em%MvH0HJWdNGNSfm&p&ieNu-}kNa+M!-cI#m~w{V8#v@Zda ztw;}ch(y(M*xme&7aE<-ZT3x$uwDh7<^j1|+1|XIN=(mwBj*;7Pn4Q<$L>Ab3*WQM z0{Jv$OR=1U#^Kc|89$ zrE$Bn|8TBIWiDe;teivQ9Sx{<{v1Dn`ZHQZR>U-udfIZi>s4r`g{buA=zXi@q6RJ7 z7J!k`4H7IGOIGv~N|fI20ORR3EN=m7J35`q@rn%Jvb8wUc1&tMo3Ht=Y;GbNE^hM3 zZ=VzLDQ@%4C1)&_2WSkFsz=oK${gl7EOF|iH2;~vwz@g$ZdMe9vYfa;b#aA~6!%IaPplVMNKFxu+331=mWO5T@a%76jYaeTRLRw zMT(`Hg5ovfa6~i}e#OCF_PN^~`^2ZW+v~(2mm9ht_PxLCpLs?iO4DWd2%pZcRDx}k zv%HCB2o3E9mj0S)1pE_Ezff~;FN$l-in#`#MROITM#ZR?$a46)j^5}$3U+y?Zi2Fc zizUWSrlF2Q@;+AeKKCrYWC~@b{rELpUiM5u82%*m+2>Y974WYK(3@P@?RdA}k$luq z7-BiUblB&SU!y$EV~&C;{#C9>@ghoLNxcQU5u~*zdU^@x{8QZ=mLsN5{o zq5Ra~p1~8NJwmsi&Jevie6jBz4+QNpp1Cz%W76Jh?g8eyQi&@4W!D6qs_EOmiq5*` zhsFhOk@cm}*Qk<3ep$mQ74SnPOfisjf zquUfb9qqqQ4Db?`-3a6)b>|e<6Y8$i(E0RjhBV!%0zy%Ld{chsZ)AmGYYsG>>Y>F@VePm~t@}HeaXRVO|d2slp;^ z7FgVJE#y$LY?j)nvz~8xEz+=(H6BY;&^lSp_N-Plv}kn7=z_@wn-L`2L#7}94+fIV z?+OR!TUb-ewMLR32oUox+KC4BczZ5X>-nd3Cw7+dHPUW9mA|E@7?)63(wbYz z)-`2G0kVo$yh6FB^7rZ1*u$X1Gs`MrGms5BMR=FS9EDn_S`QoY5e0Su!_dle}Q6-M}PkfQX>z=6Sk{6E{qcTO>3!tba!; zJXfu5)k&HxV5g-qVxLx*c3FvuE;UQ4D<8HGeRF#KcE&?lNm^XU^%ICxT?l1~N{(3t zg1J9s2Fp;|Jd&Z{@4jT-FmGYIwsw3C1(kJIaC+R>eVTK;yVdcOUC4ddoJbU>*Gahizz-ldZks?t2wPf7wKm($;V|g_{yeDXfEVdmpNNGn`a2T_pn{A5zJW5+>V}DnQ;y~ zpKA{1$R54NXAa0awLa^n{=ji9ty`?VO~&*5BTd&O3n|K|_wuO>vBJ`yK%cI3D`$1{ z2c(?hoH(^d=W?5wB;ygYWLsixPm1CH5!~%A{Q@NO`khr8y(p~kL!yBg~N>7X~H+gF0aPQXP?+5G~k&fMS_dhzGEi~#p zyhQRfuRa4t+Dm%hO1XgF%R!=uKmZFHVBpYTU|^sSzn6o6L9#&+T2`hB83hy+ zKkLU{@hdC)t%KI#)ELIUO~w1d9e98B=#_FGRCCAh$*e#AnG{~1uEKl@G zT^b3`^xQR?mzF4~vRO)2^Kmt-_bjflTh4X@3zBn(J!&JgZRb|1xz?t2+4KMlPRPdZ z^{d4e%Nl2OiNjhCVhO2NzVE4(k5RE;7m33RT6FQNog$7_Gt^EQblZKFJ*tvpl6#XC zH##IGGv!3)rZ69flY0{j#mI8_8tbviTxM$FZ!5NL3XN;8Egzn+T4@g6s!x0%DmJbM z2u~9Be0m#1$9SWQ-$_T_ESsscBxaLxP7+rW_sy;%Xq*B$G*3j85*k(;Bu+ObHHysQ zsuYsdNR?VGY+tmA?{7n;9>sp_IrY4F`~({F-pE*iS~6QEu8R)%yowZocC>tasy5=X z{&hjnD3?nLmr&K?YOx?$PAyqvzy$wLr^i)GV7=2@&he7E&dnDgnL~!A@`qf;$)?7k zeQ;DZxaljO<`Z+h^Ttf+N&V@emZqxxH1&$NgpBSOWe*Z_DXjQ(83U1IRd3|~y`{Oe zl%l$5t{bsNbHSDAD-Uc4H-*1$%GnUDt2vGj7wL$EA(=u)3GH{GWms;gusA1bO1@r| zB+mIOorK=1_W?(A^06c4l268fSFRDl2A>Mf992i5xyJ*(^WFls@#J`Wu<^4i)>&F8 zjpfB1)~t%5cA@WN#?VIT&iwfD-MNt2x}L+Ti(aAqQ^>lN?H%n>Yu6c_?ye1r?N1>8 zwAfuMvyFKd^~L|{u|&0VN7}Z;TyaIWdx5>N#iv zSNS?pX=@vP{2KZ2AeS*oR_>PP1Nd24oN9fsbJA+gX?->RMtSs8T{9R9Tz!x8##lW8jl2P zPkW|*IvMvJTcW;-APOs>{3AU1iq@8m)&AKbK7!jbK#keI+`CQR!!4-nAwh>o zDmmsTDGYXQ>|3XbC3$&!Z;WkCbO%%!wz|2xqh+2E-%#SaMw};}4#XoC*K3<&Zm!DK zqGoIpr|e#P95KXygeThYpl21r9NE7cNNGZ$#31=COnFqXz#x$cr8p&Dy6;~Kj*YpR zrr%?`FmlmyRQ@U$rhSCDup^>M%W0}7^yA0$6ms47cD<3BcCOmVflclDHn@k3YW6x!OPpc!X-%yb7G1A#Ke-m#VdoFF2 zHrcT!mOv7Y{qK1n-_I^M)MA_8AJXRmo!4mLn}jp`vjXv*cEz%#rKp$R^aiO12g$Z~8{-;Arq&f40pORrR#U4{RzSHKP_Dxh^>6OX=QakjmD#^YI6i)F(O z$srFT{BL=AFRjh!MS3sGa?crRwO2ec&t>t%LyXdYzc=3mFixU5YK>&F;OoYzG2Cii zQg~tf*CJU2QMAt*vb1B9>USVPob{A{hSmQF+jzKq!$Br#NO$I+)VvF9eBP z-PFj+)^1s)*JE^)O7Z^mF!&pWYDhwhWQ7lvbxnOK`{HQ|f4Inq;1)X);WTDHb z0OLZ*OF#wLvwR-Q3U%3-Y*qT6GyqfYB{Ow&!o^o|fqtKCSr|JSw`{#9f7&URILwDV z@V!p4t!`odkPr3rHB_X>q~!QlNbJ@wi=B*lryTJ(;!uETkN<)f>@$9Kou^UPnJh>+ zSVJBDU-Q(gF3=vT)W&H1QpH5C(xyuRbbVA`v4%@LI=`(Q+G>%_5vT` zY0U*6lf&A&)}dB)E!F#;4^wjn3YxmC&M99b4X*lJXpj%-`V=)gEe-_)bdjWtZ4`@4fF!9-&36 z(8-Oub^*Gs_;XhEJe~2SS;ESQ)Sl8CgeCxCZ3=Mj4<68gvnS4JL4~qbwIPD} znwsD~`r6xJ;k<8eGIPB3b(uN7gn#+pA{a>Dk{7Pb^?awER=3UE1y{?8cveqm2^$+F zjow>dWL}-PZQ^RigO0CM`?;0~4VL3OK9@>4#`>KxM&EV3xwR*`9_~lhh`?bvsumG|@xnH-IytUhaPAKEt7_4D2SyZJjqm$Br!3+l3W_!sQDjEtc^DJ`Y6 zX5Ca*A8)eDNPN*rGUg6y7Mz^=WYaXCvqsyd>PbUm4)t?2xo2F2?Q8U9(#GxHwVB|?V|{tX zy#iowG#_5$%+`?B3iCmZFVb{2*@qw6_vyAl1K2IJQD@0cgiEq63#BCGmGz|!dX2tR zKh6xM=^lg9Y|3<3I^ZHtbQ<3(JmU|wlorR(dW5I-3)t1YxZ>-p&m>4MPOQ&#arw@D z&mS@=RhiV7pOu)yEoDG+@KO8aFV}Mb)(1MkBkS^)>oWK5652n!+HPyMG@i}XMw_5N zpB_tCcV3k{d5Tw-eV-;Wj)+WRWK|zrGW<_mMk3bqi;iGoQyW=T$NncSL;gdmsA;~> zU#+UchSuIM<@M0Fj#n@CPd483*Mo=YL}zV;z8`Xa4EX={g4sH_U!q*EUwPvJa|5BB zRbPOBKQ#g{Fu=4jFbKpi6U)GW8(>5rfWmBk1%yxZ@}KqXFa2V(yQi+Izij>H+X9~R z5dgGsZ6-A%ovjR_d|Lhq#PT_Dh-R}Imh<$>^j&XZ5F`Ztl5uE@vR%)Erram9@ct24 zIiEg@_JAmG(B}-+{(P{HnMjoWZ(QHyX?jr2%8K}RZKe`JXafbH$rO!}Xfx2w2b#nD zpQJebAVgu>+Hw>M99i&dB9J)qK)xI0tLhg9xNXshNl6=1h#Z2|E)W&D^k_#52v$!TmC!nMdEh3kJ-CtsU6FzE#Z-e3t>U{voFP1pzj&L>o%p zqbsfLtUK$--##|fA{jUGGyyvdg&3NMB`QEL??~w*RYw#-2m$mcYLKPBe}tQznfpjn zn04CD6S-^{e7EO$GME@RMI=Re#{oL^C93vvT(UZ6vji&{z4pB z(?K5gJ?=I3w^AAvGRu(h(KCuEhk7qc)Rd!QtgqnT#k`xg(jSqsfw1jEnr;vUpik!+ z#how$EYRhz;+}Q*sYpS=!akhf^h|+4;jjJJ!6>In{B9Re!YP3YrkvL6JY&rpok>0H;yTbJH>YPV^>bA+P z^rLkis1GhaTFGopNm*<7`n4vKN$EQU6N=K&>PfMUcA|?;QP>&5wRx-=LU=OB0N>Mx zItAmnbI-5*k42$jEC*2G}2GKk4O=_G~KN%XqPrWa+shQGy?si zJb=s^qgQ;_7Mu~{lYQF%RweGCdvE{;Z04msvq&!zJ_%Mf>n@p%uZbTbs90{gY0 zkfUcz9EU*8o)N6-OE7}rp#L?Ns2Stey*x%p9}3fxedL(^4Rp!GuTTdq0|0fOh&J1i z)Ctf0yw5d%yv{l%yzf*z2ed6_&?J z@0PL?oNhnZHf*QuWT3G(EK2^vaD%9dtQ%Y+P2S@|0Y-Q#oF}of5U!W_Q#>cOazu;b zpuLqcHls2|P?}IKB{i!vd3vcUso}-s*)r<}Nmb>$!`E}bciG{>#F7fsjM&T;&8f=M zgkQkPqVGy-Aqwt473^6}P%vS;`oO4x%~X4JCbO##9}Y_gq?frZ zgS@Ai>THFIzXTQ0&)|wUAm+57Q^bfo@yPm@y0#S;rBt@g~@P7@^ zdc}aqm`xSr@C8ZW18kBBV)s-assyi&KFl7 zgD;1^~l`*nXT#eOs@>q83pvO z#K7W4k4B`DUSXb~;b`pwJ_6U|V8z;JpT<)MKD2qD zNs4Foqh>=u#B3C$zxiX-L?nk^GEy#qo4v%uJ(HxbeFhN#vc}Pu_-?!m;E&gY_6$p0 zqnztmw)W0^u1kv|D&Q8~2oa0%fpJ)_--8&z!f?AlA!*59uR3JM?tE1+Vw8APexOL@ znuh-3ZISE6Lf8luMsT1EP%LSKJZCGY*56IJXJoYk1lQvBr)oL-qXcSpg z5ixWB06iIB8G25JpM9vY3$z-iLErl-uo#2cqX(I_KLN7Opu}hmKZ+wbU1@S1s&Hi&Wo@d@D6{lq`ZA2Q zRT(UK?&b4q9_r5YO6$eMPoO|5FvNIiOS8EiKTv#inYwlfoab)uR@41nV0jSRV@fJz zV9cX25=3Lv*hFk7!_1;(PGl%;+wWZ`%16Clw2jP6awEj@vC{f;2pzcMPy3SAR z+p#}C>GK?lf2aFg0BxVt^vQMK4Ea{98^u@MvnQGxf2C%RcSeeIN8B+0Si(=-QG(Qa zhPG3Q4;8cRu;*e9kNR+@RJWfyZZWSEEeD{1tW!f0BKkF*iK*#@*?MQ)iEvizuGie7 z9@0;)KCXeFqD;wN1_6Z!P zGu;@W#YE`el~KOW47k|n^m%)E_=DUs>va*klT`}+dH)A_#-iIq;*MXK`ZL)3xD3-z zpzUY;-x1fSKy!_v7ER{-y5k0@z2X0TdJo5Do!`YT<#dDpV>TP+L`DVEMEUR?tWBm8 zIZZ!-Vjluegdf za4HFdtWlot=ZqH(9XoHQ%eQx{B;Url+s{@Sq^v(hRI&NJ#yTK|kY;qLSscIO%iS20 z#844lbxfBXYoEhRi_{7`Oou3T1vr@T=OwcU%sMyWFIU4{VNO`=1Cz%0R8BT-AE6Pl zg~@G$!>9tjl?gUf*SfrBuvOBLzjrf_r%DW;n+kM7A?K6^&`e8IIRK+AFI?tJ<>#n2 z5{T6Gg9)yJ#&2rDlYOMeFK^if4?gcBAQC9!|3Y#)$-LX}bxj%0qP<6}U{X+bQ}YWY zzA@h(xW8>4{yy!CJqL(9WwBeGej;$UjJ1(mi;=y%%}elTm&T=Szg?fQN`{kBzXOCY zMiV$XoWB2%HDo-J!#d`~+>5)co=uv~r8U2UaI2zHITHjNb$&(;)!=tI`7pQ3pi)H( z${&xP85|92FrTdj&3VFx$1JInE<8}MVUS1L#IXl`I(AH+ptbB^204~(p9ytF2SZAs zVr)OaQ-oxm@Z;}YhdC_6dc*PCIJ76>+o6XagUNs0C)ZmDS6GwQw$sxp7#$0;gT+Pm zH+5&o(ZBkdZvW#7UH%6*6oc3K11UC`A7DQRr*2AZNrY?(Kmz{K+^kOs9^+XG81;~U z5cyb~61`wo`@q?dgo2FqAdV}mU|{2F1~DWc=>(w>%59(7p^(YLAA%6`aYZ@m+@m*BvDpb3kX7N z{OZS#khBl+EqM5(Q*B+{0Ie*K`z~^|jFe-!g?FIEf?Q$wzXGvBxhS|0$S}Y#&J39jG5b}_$EY+b{^K74u;;WHvyN{V%4}l5D|=X zo0|$ap3$4}`!GMu!9v>rf4$5P6-7X6SAzm4fT2v}1Ej_4QK{7DmxT_^p;5^H zAV7M%orz?ilav1*BnRpo@}-o8oca?4YVYYY@F<(81^Clq$!TjoDg z`h!5xUF!`8gx>s09lVC3JSgsCmk%hf>D?lVqw2cIclbvzl}%?gfiHeyroawNs6>8v z8hb&qoOCE91ADasEs(>Irc<1+X;$1s>ZDXd1omPMIJtD!Yo^y5Qb0u_g7)Gks0JX^ zA9^t75f3&YH@7K1x)(lvHw%jyM7AyAyveNYdsTS6^Od_ir;cj)U z>mvFQ7Eiv}i^v#v!RbTc;Um`uJHmhVpwqY<>b%&&GesOFDh-H%gBJSL)} zqU;PP=K66JM4JgB(4vA#Y7ezO{h{F|BNQ?wk0!o35GDVtTl$Wr_#-x4*l+<+y)RT2 zV>0K%c{61sX5&j@U^e0yI?E-1tpp_Mu7f!3f$)jn4+ISAPl8521;#8vH2nVpd;b{> z|8(xddF^`^{~z(37$k4Kp%ea=$nQYlkAo4^uKN~;298NoRJOhhi-r{A{B&C zhp5Isb!ipU>}Jm9@WG>xp*IexJezW)eC?8UeFIjIS?)v3d* zrKBOVNyPX^B+eK4QfDk`fPnUXoTbe(@q$;7^J-(N4S8{ zOp$;M#-_J$sB1buJ&0Y6&m#?FL>$e0xM?0`pwW=Vqs$k2@-I1=fdLS(81$dJ|0Ir0 zR)|mvhwA@^03M)o1$83?;*0zdrsr8-)AMxi`HyJeV9MfQA-A%@KtKqeK!Cg0;lKR~ z#_0^VfmF1N1%(0y#z4EAO)eE!rr9KQ?1gd0#F4BRBHfcY3R(}|dOZwTvxBHx5pu+P z#pu<=Z&`#9;t|v6hwxdyAPtKBzR*f1g{u*nn~>jE@5O%h&;Qc8IgV}QFiyclKXn4`0XP5R6o3r=66UOD^YR*FrTma zCn^L>i$sRB*c1MqU-&g3vGv6@puVzYc`7O`FyRF*rI;}D5E{Sl9 z%DW=`10%6Ug3aIqv@MzQ(!7Lh>GvKnM{p4!+`5!S;j*?*3Ta|8C#hyQ3lIrqYbv^A zeAW+X2w_Q_{0TNsbUTv-{VhGG^#V>G&+SHV1#Uz`Wg@xZ@AxsCra^8 z9T;z*H+`OPD2aGs5Fe;Dy4mz`K7*i8P(oCIYnpxM?p96CsKX}MN^|& z;{PCp!{13f2tg@*nkD>)RGieaJe*IUZ}8+Fu{}3Tr39J3oq1=_04={U{!MN!^YSPI zIHXs`d)eseOZ}{XRafOL84!-~;iu;!7U@*rM*{)Y)g>9CD<&g3Vzo)@v8&|;)KasK zG`HxwM<->X!uyD(ox!*=9*(MmK`Mz^!LW}MxUYU6bJdPhI8U{GLj*|w;(-K~5Gz6hBhLwFYWqR8NCYrAkCb3HB(o&i z@|lA);Sn8RLzDfo&`g2q2J-QX6&?sb#~q1;Lc&f72!dP!UoYtAOC;clDmP(K8N#U+ z?VM`dsOi=4ic2Ad>&^}?g_>AOZEi5O05`Cd595TmULUjKGIlxb=xuIBsxgn4X?wU8 z@}g)iz453<9zxp6RZzl`we_z`^F&4UON@S?9n1ahhAY48Z`Pf6)G+|o?sK8Sp> z&2QMM2aAUNo;!CVSlmr5@Mhy2w4XRwqeH#l??;4t`AH~$0NH>3lUe%lr0-}&*p1z& zpMy=Gd4y~`t1JcW5A`3S18~E{Vo~t6u$C*siHr5IWLKXNcASvI$p|DNt`u{lqw)sK zXWP2_`qcrukd3amMl&h`#hJe)$EFy4IL4~OV9odmRBtzrPop8cFZ^X@DiJ7KdUPh{ zkwvm4gqWEo%Uy}qT<(g^k3h{HynYjk5@-YX2LtV1KbHv@1{04j?ztT3gH0)5~| zW#qJkFNV`F7@ALn%k=cjD=AkJ1qapr3cP~Ms{XXJi-EjZAd57yh?Q)u7WtzP=4{zc z3A#edw8MNfqu!=Sv3{`-qxzHO&Q;$p>SN;#s;(abctvTKc4tZxR?6|X$7%h@tDGbA zu~M3ABMEkz7Y>>@=4K!d+lOr$37Oy{fAHD#Va8a1gKeBlJcsiXP-oS5e>gCv+CuOC z5aO)yH6WwtqPmkqJ!*OZ4!s4i+7!3=zDU!L62+-rC_#rw-r>_V)R7PjlnnZPTe(RB zCQlzJc7~CHr48OF6l02mT_sWbvjpqXV4D#!C6gq5Ua=yu?szQp}R7~#X0WHijU0a|`7_ z&w5EuCR{*6X#8^(gV7NCLz=A`teL5j-tJ|gCaX2N*%ltUb*4Ipvr$5P^_S=h#rpaw zR;H=LdwuJ{?@zK)Kd|)A6L^lAz6P?mUXYNXQbSM*YM)^24Tg^(WyejixmQ(Lw1_vU z!Iz_sg+hy@EP3bGHUiP&z!v)&&v0$NrZ2i#UCy|5Lc`MwJEfKO`IBN7)Bq!3JJTLy!@;53%EWfP zSRCacrj*>iFA-4pQJ+=X&BUfuxq#6@l(K-Knq7p_@Mlyo;Tq^s+>>u>2$_bSKN?mn zAX+>`SQveS!PU0GEWpST>tYNFX@~erg2>}Im zA)q+ZCo`9Lxq#BK@HZ(JgyCx6b`Fq-%2~Ix5r!ci$06hFYTM*1qEIRTN1mK3RV~-7 zxA>DB88>?$O-=~?du*;WKWXowP>2Wa-@*Zcm&8D;BGEHQBLRyK3l_lKmi(E-ncs2) z`WbTAd?z0Ld>z=S-JpAr5iceXL>CvbB(emGxtzSYudmADoJ-s zq%7uqbGAlhP`Aze1VSW}FOtSzU%NDW0Bhy?nyS0yn{Zg%uJ(!^RP;zIx>Ktnn~cx~ z3P9j?R`x5c-nC$;|BJb|4vJ&l+QnxEcXu1yVQ>kA!QEYgyIV+*;2vCpyA#~q-Q9va z1PBCAfc@i~z0dj1{_5VU`~7im{ieF=eS7uW)ji!kz2<$^v!2DJK7bO{gvEoU%{zwE zYM#hnSqyq9@6!-dR6?(p%iiacF`^FCgBie?hl@;=?d48N)_|wGiZIttWIYE;j8L5A z1j;Ly&nY;;Syp#T98g}STDDSr8cW&XY$iDh&44jXYV$6eVpRV4U7BzT`V@(TAWH8D_OgR1$g|tSIB;l&?g=Sq^dmz`4xT&UBx5 z_$#q*pV*sHT2sBwZJ8=0qU$+=+cM}%XxpBk>QFDn<6Ms`Ud}PhNp@_7ET5U zdB*;8PN#gf(5EPv1O0PS=zx?5Jr^GAn~Btb*Iu8F5c>>HkW@`z$OLs`hhRMc?jy^+ zTvN7H$aRmU0ir(1KZA0|MN7r(!b#T&qAQO&ES=&hrGXO-cG87zx3JoPm*OktAlm{! z@9n~fa+r?M7gj97U5)fioPd&D<2UJ1VQ+qL4(*}1ljM^sS?Yu;j^QCP)|#P$O24+| zqU(B)uL~w%L&Xr1pyMxeAswjx7h_btmszlq_8b70Cr`5@n^W$|y8QxsspQ-s{~l#u zR@lDw%0zZNI3Xv6s_7@h9D^&Fuk7HWmV(5&X1UZh!cqY*!wK!YNc}RdkzOTX{sGsG zm862p^=ZCob_&FGYPH|LU{@BJ_Qf*KaQ&ADAq?klI%O|li;Nl-gah=Q`>_ws{W)9S zh?_8BYeqiy$6NL)Iu^@BPLbQ2eWna2ufb!4G2W^X));h>X34HWlm8pwMx% zYT(2<_^@l1l%kM-NQ4zh8r5ginwU-3?AqTxEQurP&DRQwNT>^U=CoTJpnH{$;v~z7 zp%v_U0k~tzobQ%q%AoLP=5IrK;&s;Fi27{z1lh=5Y{0Qlm68U+HC0hyuaeG@t$h-d z=8FywiyihzVwnn*D$YI>fAt+Y?b;R;Z{*%c3E--UGrj$)i!v?(tDums)0j?X$4kA& z26#JRJmICB4I(9;DrSjT;A_mx%&Hd*3GAtifh1hV;j75gG4@Q@8+T|9q$bu9f?`fo zGO2`FkmKkHx+8&L5e(m5E#p!O0+ai|6qpH<8mZB!c~&rf^~WLxXJowFqVq2UNLZzX zELJU%@_6yXcn|{pVi~bL@dFsMw5|Ym{Tk5+*nob9d53eQV!wk3r@K8HH;tBMSm{6= z7+<(jvDJ}Aotp<{G9?}r8@&?hH2yJFGx)uYQT7Lk;CJO!B(z-Zlic%@LBM&4+uPly zRBbFX!=|}UefbYmL!AzVzu|!K(pg{}`2(U4m#c(}#09e#S*=eqSjUly^WFXhqXD)= zpQ7f!0rC7jF#TPl+z@M|=uB==6!Na>r@waQ463lAx=E8sqq;8mLvN1Q+^P>zT3#8H zw$5icbV%Uoq$s$zQ(C6N=?k|6j1bxugQRXL52r-Ti9!X4 zfX@1Oe6D@zYfgBJL@%x8WE_$3{m0c=78jYwYmG>_criZA1X35f=r1H;n`8L1r1~rG zV<59@TmTHaZjvnZbS0dh(%&xN*nv5*r80DNwgWt|Tpk)=7oEainhWC}@UawX-H*sE!EH{!1;JOe zr))x=U~ywy_~S$|_>B*UKQA#%?-es;64XF^jl(nJdue(qW#COrM4LvB>PsB9Bc z`A`p_U<2|7)|EkEKvN?Ibzl=s^**kpF-6y;*XI5`*uA|PCTh|HYm4c|zDaW&%B9t3 z4K0R=N>PqmeglkzU$2dZ4FJljV$Tp!K**?vAU5;d5PZ&Tf|)X@6{)*-PC0ReBns?i zF0N&A<3vLf4(UwPXVwxSqrqvCd?fSUv^py$Xk89I4O_YH#t{);Z&G2rWouBx7JP$j zgMdu8^k1%UT=Z{h_Q@#{$q-k))2xnsB`^=iN{nOHA+FWw;Smslcb8S8m;kZbbERE3 zPzyNC#EAmjMJUO`o|%Jbcvvbri&w`NvixEEV{@2Gp0g{_YMu9)#G(`??Y$H-Enrg3 z<&$W!5bddzz~&u#p$W@4BP9nApL68K$AIbZ$KVkexn#F2wXHI+-NLp0hujyz`{Gk-?9<9kw>!^*3n|Tah_^x&>Jd8fi6z+1=zBA zc$DLRx!XTorhDB&m;0{W|Jr)<*I2&-a*-8RWf8G|dh7CH5Z;%*z`Q_XN^WOV11oQUm7~9lWQnPz?27Ms* zO?6JL8V!dHd8yVw$)LmAA^G$s7r)3we}Vs@SvC#9o2VP|wGtI^#%{tHz517MuXeq==N>;KRFU@0l2@Z+*_>}8}EiweWcz8$>ok5$>gcJ~%1 z34bf|6yBZh1UWD+rUd1#(mH#mr_LWw)7DU9+?E635+?eY0bzHrsW{b)=agxV)8hSp z9rwrwq}*I_X372lXXtPX%23*`VtSKkUIhcFieyjR@7AP9@H_Nk>Ha}Jco^v<(P=yI zP|k?SJ`;u}Rzd z>;b?@m!(OLC1)%+%}^M;#SbD}sj%AmIc_v54966O9K4c)V1y zEe1J^23tp@0SDTuq@pZFq3@BMG9Q#~*@g-fv*&6xvE}xUTI66a?2kNn1^JQG)YjSN}jLu~EN412?FV4nx$!8OuNo&DVcgJJ1 z>qqnaLkqQwb;E@kYy|tgkpf;SDwDNHql{z&EVZ;@C(YiA1H@B>?CT5Ramk_MFk<2G zih^RP8OYh3)G(h(0H@3^hKQ6IgR&ftjxprZ#m_sIu`MV!Vj>kC(8}!|vHdRa)?q>UCTvQq>|f3tZt5m^RQ1 zZ$qjxEvKI3r-*<7__b{|FCoQq+@%&Xou4HfHJC6+J0qJ~$lc6VY*Zq)mTxf;5|k{l z@fmAbLv*e=NCK2V$+Pqh(L}$$Ly^gO{Kp%62wN<_Md=p$w@YV4Z)>GIbiFWn1Zjy#F1pP=(M=Tm3RA6v&8r-?3 z3&Fwq`{I#Rs;BGpGU411$;y(DjeQ5yGLmr`cWy6v^qV#yP_lwNunTgHuRwT zr`Gq=`_4DC@^6PYF@fZ}sm<)xsyO(5kL!^W>~F(94v*@+H~i8{NVxNp3*zh*d~Tf2_^sN#xtyom?75g5$y&jOGK@qL={;?~cVRLRJolV? zQRS0`1$|=93GQ)wKI-pG7|?p2LLa{gzQVk1A6` z#~+YEt^fo}`tPl9-l&U51H;LZka#tdvWG6-rhYF9Ed%EpN-g3=C%;x&dY5-B z`?q}AG)Kl@1r33vXQaQS&?d4DLLwr=1h@Vh=4e1#nt=8N!J|1CCLv5ITUsIYE=jEh zr0f6Y(1H7s-PTW~^(EPz7F$dCq)}w*)fm*Bgu^3(0{x`#XNPv=ZysZ}hhVPflxxgv13Pkxx@1peyBg*766@~&h@*R@%sk+R?3d(qt`UT(J znTOqdMhKY(dS+I!P@Gv{@)8IsOvf<_d)~hs?LxrR-Wba}7fd;OZ2B+6^`D@vh^mw~ zBB~eR-x8RW7gV$RU?`;i1Z;6$GibJ7*)f#v&(Dbe90zs|GqApAj_4zMU$9O;M57qH zS}1(jetQ%5PT^-NO^GC;**?OebfbN*OH$)A@;pX%cD#@i1~2?p&loyu50s<_ciUa7 z$VeCVDYM*7`OraWGEdZ&YUrin7sb=w1-?$nC+jRuWGa(8&9&NTy>_95ml(TEToGJ1 z-J;r*klJWfXt2XswQ5orzBXsUh5qdaY?2R~%2l_VzR%oQ{To>pFx0uAT+y;}Cfv}# z<`fhGhBcIfIfi%Jq|=;Whu;+zsa`P~@J52r&fV1$;nDTGSh6UgdQ=ypUetp)XK&$2y#0AgAQ!2F}Mp;=Lr!d|W7=y*;4ny1iZHOR8b6EmT z>^Co?cvgd}Veqzp{c}a71pyuI;zq5k-nVhYbKk=vcHNIu6^HxIRYm&%PS6qvbKk>* zAC?Nv7S}XkbZ90SD3%;5CAv)-;+@OuPkEbuRUJ3KAJpxXw`W9IGK%24)m+69BF;x+ z`#xY5{>sphVPXghD9f$apxjBQAOARjgQGwmEnhSV8Pnwjp=5fceRwPqR!iD2a&xiX zrqN>kpk$EcjR0>BlSF?16R*2wh?s3}{X@EshGo+=Ht=*ST%r6}2Q&IOz`8k00mH<9 zqYsny0x&1mT5eXZ%pbf?=)kA37$G)`Ux*Y8BN1~o=7Lv1x46jOnh=j?I=4(#r$Qzs zD^vvn$!z7N*+=q8;SMMuTPf_{%pWMAXDtw&@#cQNk~M2ggZLzpMps_77YE%v)w#mjypfO$ENJ82cM_P-DUCAz}$4yxfAB@ zL^yqg03c^<_p^zhmXcLqz1mqF}`4VUpGgMD!)3xldCoeJ#2>McB;uS0Q z<2-L7?b&Df4?rA=2!ZvS`Q-b2Zfr9Ze=cNKPRuo+2TPoN=38JT@okXJwZOjmHt0s1 z%H^Rgz)uvokUnH}`A$51ca{MqXQzY6Be^6HXPchvg%{$w+RRz6u;211DW7+wPi7ut z+WM8(=8F$Rjul@u>HD*&ICgr{-aWC}NnpOCqxmwveSz@o9t?Z>u2W}gv$e)M4oz{jZDj@xeD*h8&YPR%54@3;(ZrYByeczp-DT< zK6z-@px%4=-GtL%f%?Jk8)#iTX`#|AFPa0Pc=_MR)m}NEe8);B8b*|x##AATB|6J zi%Wv}D6G@i$E=C%XkaT-)ZJVfM*>;ePvB|DEK6EBlgTj+JyTA4>WW4DTFT^?CEgxw zp!feCB5edPpwt5iY6W>RCKiacefr}TERpeObcl_=HAmDh)Z{<$lUH(@8%$Ji9KktK zPtoN@1n3=)g_9rYIZ&6XD(0OHyW!bk=~KPc4+}$-12f3KQ%)iK10W}q@aRfqJi-bH zj2-2qMv%730t|P+L#^b8Yd6C_weX>bNVU5sYqnp}20t@b}1g|)f>^JQ9r{usZnyo>6R0uBwxnm&? z+vbMjZ~iu?v_Lo*{uAoolq~2^8KzBuIR$??>=&i(BELD_F5lpPj>6;@uj2L&9@s%| zo4wEm9~Hm#B>x_}?M4T9h6-_Y49MiRWXo9H7LPJW`E++!2tS~@Kg4GI`b_Z$;QcSB zef8tgLP6>6rg->la1g9&~uht+D}6Z_IigQs+d+P zk?;J#@HlyX*N)p!xv8~5gk;fvz!w?&ApEH%ewurC_b4>7@e4$m2f3d`G~_f_`9fQ_ zLhG_h8QBkEnNcc}rxrVD#ey8_aArGN)_TC$CPr6crm#F;E^Y*8?3#OVo42I~w;gUO zVew~hG~850WZsm`c`H{@3hKgZNodt|Q+8BX8pa6QH|gAI97GodfbX(|fd~Z6?rmoX zqJu3JnZ_9ejLtnW?Nia13;kxY5acF3lym%m^#1bY6W+`!*+(}^SV8I-vyHSM-?eSI z4LYn{IM!>!%^Iqe#^He4l%Vu>vrt%*MOoPmd$~=z$YFRKJ2gpz2Ep>HY&muR)wp~N zr`249A?$E)b;&}%-H>)3(jlY=&>rZ-keAvi$rib+NYL%475J`gvfHV&{Rb4vnGY#k zRv2S_^X})TD47Z<(V%#=-I;rMK@I7ISS5V&1By&GJc%(COLU+gc6LF>`llQpB|Cfo z#{pwN8+;wCjw>?Kb4rN|7V;Z*<6#Cfm!V4BJB}Z=W>uZ8SeIHzISyR7e*h{6{{Wm? zHD|6GU8)|6VH^2aqQd><)o$Xq-l8o~JknwGSN_X?5sKheNW-H=|GPp3b6r2>VHq34CWVa`!AJ(QqvOS)(j2 zZ?UhBFbjuyc~Nb>0$Nk-T*eR@Xl1YX-_8en4m&zmbzY)N_+MxE=V>9?AW6+Ioa7r( zNc_10?s;1W25rV~KVy)`?|_Avk_`j3_{%o-n|FL*SN~+kRGBsr0K1>(#?dm0wWtWf z>t!=jp@Kw7nBYVt6p;+Obr#d1eCB+=Sz%Ik9{Lu3C3KCFY&O5x4R4(3_qxk6rSsZj zyf3fh2!WPhE8MRdyANn1DQs5Y;0x|8Yn4q?LrFm2 z!`z-tEjCZSpGs!>YLbB?P^(G?Bznmn`2K+Q`$xo&s_!af&m<>M3GCMI#?pi*>y93? z=jJ$!Y+QeQtMd`bkRT-CXW~)l3wP=n0icJH9?z)67-&etGrOVSiXq$NSQbJh4jX1F zE4c@3`fA%;1mTyupui1WM!`E4#U#2n_<2g6bKi{fKHiDxjQ4!1p@T4^?e?tI_(lEJ zOJNM+6zs6+iKEVZ(|e4`l8e&@L;`>k)tJAB1?WLvC1k)c!QV8*9NqF z`)*Mk5&U)7o%na(^I+!TRLrERemlULRY{k!(%sMv&oH-`pv=CO%j$UIs&z_|e}WsC z>R1o34(G;?NhcpiKIFFzY&95sQTP(TYJ%i1FWd9X{5&GcSt!|0j(YmFO*lH38kG!R zi$`~}HhJT**QQZb13lGsjxfkMX04}!C`DrAiY{6|gbjvtKxQx9HLiolUwL zcfgiEikuzmkp#>C^*Wjre;$ik6hn+5Htr@!YK*q0*;*?yN2N!*)#&@xbxsXKXR7tE zu*%&hgJd7tiS!?YPX?7-@;A7G#z;4`e{*jBAJ0@y{OOOA{`7!;&KW<}THmU@h6kaA z%Zh`HVF*8d^1k}4OHVjSf(YU|bW;u;Qq{q2;Vs9H{Tsi5wMp2jZl>nyNMP37_8Zo} z#d#|~u0u;3*=PP8BmNV#-g5!vFLdYsxnlP$C|~^yV>R}=nyb-%DhRThz3@@s3?h^4 zJI#xtR5MsbiTZ^8Z>G#^CtE&#vjgpy=U?QR@dzCCZihgec;6k!jbnd!bZ77*M*yaK zzYJ&ucM7{3Zymggh88QmnGoScujD@Otm*%qVg%6=vn(QQe)lZRU%0DRO*fAUG&ClY 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�_hMq;O_kMexQ& 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

YF&C&H)`TsxUh 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

oVU1nQhMGI(*f+* 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%0D!p(o5JSC{MLLEV_d| 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 literal 0 HcmV?d00001 diff --git a/assets/js/064ccdc3.e7b748a0.js b/assets/js/064ccdc3.825ca217.js similarity index 96% rename from assets/js/064ccdc3.e7b748a0.js rename to assets/js/064ccdc3.825ca217.js index 4d9ddda3..4fb6f143 100644 --- a/assets/js/064ccdc3.e7b748a0.js +++ b/assets/js/064ccdc3.825ca217.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7013],{3905:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>f});var o=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s=o.createContext({}),c=function(e){var t=o.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},u=function(e){var t=c(e.components);return o.createElement(s.Provider,{value:t},e.children)},l="mdxType",g={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,s=e.parentName,u=p(e,["components","mdxType","originalType","parentName"]),l=c(r),m=n,f=l["".concat(s,".").concat(m)]||l[m]||g[m]||a;return r?o.createElement(f,i(i({ref:t},u),{},{components:r})):o.createElement(f,i({ref:t},u))}));function f(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,i=new Array(a);i[0]=m;var p={};for(var s in t)hasOwnProperty.call(t,s)&&(p[s]=t[s]);p.originalType=e,p[l]="string"==typeof e?e:n,i[1]=p;for(var c=2;c<a;c++)i[c]=r[c];return o.createElement.apply(null,i)}return o.createElement.apply(null,r)}m.displayName="MDXCreateElement"},6877:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>s,contentTitle:()=>i,default:()=>g,frontMatter:()=>a,metadata:()=>p,toc:()=>c});var o=r(7462),n=(r(7294),r(3905));const a={slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},i=void 0,p={permalink:"/blog/CNCF-Zero-to-Merge",source:"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",title:"CNCF Zero to Merge - Your first step towards Open-Source",description:"Blog on how to get started with open-source",date:"2023-10-10T00:00:00.000Z",formattedDate:"October 10, 2023",tags:[{label:"open-source",permalink:"/blog/tags/open-source"},{label:"CNCF",permalink:"/blog/tags/cncf"},{label:"Zero-to-Merge",permalink:"/blog/tags/zero-to-merge"}],readingTime:5.255,hasTruncateMarker:!0,authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],frontMatter:{slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},nextItem:{title:"Web Crawling, A Beginner\u2019s Perspective on Data Extraction",permalink:"/blog/web-crawling"}},s={authorsImageUrls:[void 0]},c=[],u={toc:c},l="wrapper";function g(e){let{components:t,...a}=e;return(0,n.kt)(l,(0,o.Z)({},u,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("blockquote",null,(0,n.kt)("p",{parentName:"blockquote"},"CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program"),(0,n.kt)("br",null)),(0,n.kt)("h1",{id:"cncf-zero-to-merge---your-first-step-towards-open-source"},"CNCF Zero to Merge - Your first step towards Open-Source"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF LOGO",src:r(5713).Z,width:"1663",height:"871"})))}g.isMDXComponent=!0},5713:(e,t,r)=>{r.d(t,{Z:()=>o});const o=r.p+"assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg"}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7013],{3905:(e,t,r)=>{r.d(t,{Zo:()=>u,kt:()=>f});var o=r(7294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var s=o.createContext({}),c=function(e){var t=o.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},u=function(e){var t=c(e.components);return o.createElement(s.Provider,{value:t},e.children)},l="mdxType",g={inlineCode:"code",wrapper:function(e){var t=e.children;return o.createElement(o.Fragment,{},t)}},m=o.forwardRef((function(e,t){var r=e.components,n=e.mdxType,a=e.originalType,s=e.parentName,u=p(e,["components","mdxType","originalType","parentName"]),l=c(r),m=n,f=l["".concat(s,".").concat(m)]||l[m]||g[m]||a;return r?o.createElement(f,i(i({ref:t},u),{},{components:r})):o.createElement(f,i({ref:t},u))}));function f(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=r.length,i=new Array(a);i[0]=m;var p={};for(var s in t)hasOwnProperty.call(t,s)&&(p[s]=t[s]);p.originalType=e,p[l]="string"==typeof e?e:n,i[1]=p;for(var c=2;c<a;c++)i[c]=r[c];return o.createElement.apply(null,i)}return o.createElement.apply(null,r)}m.displayName="MDXCreateElement"},6877:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>s,contentTitle:()=>i,default:()=>g,frontMatter:()=>a,metadata:()=>p,toc:()=>c});var o=r(7462),n=(r(7294),r(3905));const a={slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},i=void 0,p={permalink:"/blog/CNCF-Zero-to-Merge",source:"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",title:"CNCF Zero to Merge - Your first step towards Open-Source",description:"Blog on how to get started with open-source",date:"2023-10-10T00:00:00.000Z",formattedDate:"October 10, 2023",tags:[{label:"open-source",permalink:"/blog/tags/open-source"},{label:"CNCF",permalink:"/blog/tags/cncf"},{label:"Zero-to-Merge",permalink:"/blog/tags/zero-to-merge"}],readingTime:5.255,hasTruncateMarker:!0,authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],frontMatter:{slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},prevItem:{title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",permalink:"/blog/intro-to-ai-automation"},nextItem:{title:"Web Crawling, A Beginner\u2019s Perspective on Data Extraction",permalink:"/blog/web-crawling"}},s={authorsImageUrls:[void 0]},c=[],u={toc:c},l="wrapper";function g(e){let{components:t,...a}=e;return(0,n.kt)(l,(0,o.Z)({},u,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("blockquote",null,(0,n.kt)("p",{parentName:"blockquote"},"CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program"),(0,n.kt)("br",null)),(0,n.kt)("h1",{id:"cncf-zero-to-merge---your-first-step-towards-open-source"},"CNCF Zero to Merge - Your first step towards Open-Source"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF LOGO",src:r(5713).Z,width:"1663",height:"871"})))}g.isMDXComponent=!0},5713:(e,t,r)=>{r.d(t,{Z:()=>o});const o=r.p+"assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg"}}]); \ No newline at end of file diff --git a/assets/js/0abe3c97.5561ca28.js b/assets/js/0abe3c97.b746e22d.js similarity index 76% rename from assets/js/0abe3c97.5561ca28.js rename to assets/js/0abe3c97.b746e22d.js index a92b1568..4450190d 100644 --- a/assets/js/0abe3c97.5561ca28.js +++ b/assets/js/0abe3c97.b746e22d.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9962],{701:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/automation","page":1,"postsPerPage":3,"totalPages":1,"totalCount":2,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9962],{701:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/automation","page":1,"postsPerPage":3,"totalPages":1,"totalCount":3,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/11ce4159.58ed6537.js b/assets/js/11ce4159.e2a528f9.js similarity index 80% rename from assets/js/11ce4159.58ed6537.js rename to assets/js/11ce4159.e2a528f9.js index ac270561..b894cda2 100644 --- a/assets/js/11ce4159.58ed6537.js +++ b/assets/js/11ce4159.e2a528f9.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1531],{5034:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/5","page":5,"postsPerPage":3,"totalPages":6,"totalCount":16,"previousPage":"/blog/page/4","nextPage":"/blog/page/6","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1531],{5034:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/5","page":5,"postsPerPage":3,"totalPages":6,"totalCount":17,"previousPage":"/blog/page/4","nextPage":"/blog/page/6","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/1be78505.d5eb3d83.js b/assets/js/1be78505.18c8ac94.js similarity index 99% rename from assets/js/1be78505.d5eb3d83.js rename to assets/js/1be78505.18c8ac94.js index 8e35abd6..5c44b0dd 100644 --- a/assets/js/1be78505.d5eb3d83.js +++ b/assets/js/1be78505.18c8ac94.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9514,4972],{9963:(e,t,n)=>{n.r(t),n.d(t,{default:()=>fe});var a=n(7294),l=n(6010),o=n(833),r=n(5281),c=n(3320),i=n(3438),s=n(4477),d=n(1116),m=n(7452),u=n(5999),b=n(2466),p=n(5936);const h={backToTopButton:"backToTopButton_sjWU",backToTopButtonShow:"backToTopButtonShow_xfvO"};function E(){const{shown:e,scrollToTop:t}=function(e){let{threshold:t}=e;const[n,l]=(0,a.useState)(!1),o=(0,a.useRef)(!1),{startScroll:r,cancelScroll:c}=(0,b.Ct)();return(0,b.RF)(((e,n)=>{let{scrollY:a}=e;const r=n?.scrollY;r&&(o.current?o.current=!1:a>=r?(c(),l(!1)):a<t?l(!1):a+window.innerHeight<document.documentElement.scrollHeight&&l(!0))})),(0,p.S)((e=>{e.location.hash&&(o.current=!0,l(!1))})),{shown:n,scrollToTop:()=>r(0)}}({threshold:300});return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,l.Z)("clean-btn",r.k.common.backToTopButton,h.backToTopButton,e&&h.backToTopButtonShow),type:"button",onClick:t})}var g=n(1442),f=n(6550),k=n(7524),v=n(6668),_=n(1327),C=n(7462);function S(e){return a.createElement("svg",(0,C.Z)({width:"20",height:"20","aria-hidden":"true"},e),a.createElement("g",{fill:"#7a7a7a"},a.createElement("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),a.createElement("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})))}const I={collapseSidebarButton:"collapseSidebarButton_PEFL",collapseSidebarButtonIcon:"collapseSidebarButtonIcon_kv0_"};function N(e){let{onClick:t}=e;return a.createElement("button",{type:"button",title:(0,u.I)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,l.Z)("button button--secondary button--outline",I.collapseSidebarButton),onClick:t},a.createElement(S,{className:I.collapseSidebarButtonIcon}))}var T=n(9689),Z=n(902);const x=Symbol("EmptyContext"),B=a.createContext(x);function y(e){let{children:t}=e;const[n,l]=(0,a.useState)(null),o=(0,a.useMemo)((()=>({expandedItem:n,setExpandedItem:l})),[n]);return a.createElement(B.Provider,{value:o},t)}var w=n(6043),L=n(8596),A=n(9960),M=n(2389);function F(e){let{categoryLabel:t,onClick:n}=e;return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel",message:"Toggle the collapsible sidebar category '{label}'",description:"The ARIA label to toggle the collapsible sidebar category"},{label:t}),type:"button",className:"clean-btn menu__caret",onClick:n})}function H(e){let{item:t,onItemClick:n,activePath:o,level:c,index:s,...d}=e;const{items:m,label:u,collapsible:b,className:p,href:h}=t,{docs:{sidebar:{autoCollapseCategories:E}}}=(0,v.L)(),g=function(e){const t=(0,M.Z)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.Wl)(e):void 0),[e,t])}(t),f=(0,i._F)(t,o),k=(0,L.Mg)(h,o),{collapsed:_,setCollapsed:S}=(0,w.u)({initialState:()=>!!b&&(!f&&t.collapsed)}),{expandedItem:I,setExpandedItem:N}=function(){const e=(0,a.useContext)(B);if(e===x)throw new Z.i6("DocSidebarItemsExpandedStateProvider");return e}(),T=function(e){void 0===e&&(e=!_),N(e?null:s),S(e)};return function(e){let{isActive:t,collapsed:n,updateCollapsed:l}=e;const o=(0,Z.D9)(t);(0,a.useEffect)((()=>{t&&!o&&n&&l(!1)}),[t,o,n,l])}({isActive:f,collapsed:_,updateCollapsed:T}),(0,a.useEffect)((()=>{b&&null!=I&&I!==s&&E&&S(!0)}),[b,I,s,S,E]),a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemCategory,r.k.docs.docSidebarItemCategoryLevel(c),"menu__list-item",{"menu__list-item--collapsed":_},p)},a.createElement("div",{className:(0,l.Z)("menu__list-item-collapsible",{"menu__list-item-collapsible--active":k})},a.createElement(A.Z,(0,C.Z)({className:(0,l.Z)("menu__link",{"menu__link--sublist":b,"menu__link--sublist-caret":!h&&b,"menu__link--active":f}),onClick:b?e=>{n?.(t),h?T(!1):(e.preventDefault(),T())}:()=>{n?.(t)},"aria-current":k?"page":void 0,"aria-expanded":b?!_:void 0,href:b?g??"#":g},d),u),h&&b&&a.createElement(F,{categoryLabel:u,onClick:e=>{e.preventDefault(),T()}})),a.createElement(w.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:_},a.createElement(j,{items:m,tabIndex:_?-1:0,onItemClick:n,activePath:o,level:c+1})))}var P=n(3919),W=n(9471);const D={menuExternalLink:"menuExternalLink_NmtK"};function R(e){let{item:t,onItemClick:n,activePath:o,level:c,index:s,...d}=e;const{href:m,label:u,className:b,autoAddBaseUrl:p}=t,h=(0,i._F)(t,o),E=(0,P.Z)(m);return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(c),"menu__list-item",b),key:u},a.createElement(A.Z,(0,C.Z)({className:(0,l.Z)("menu__link",!E&&D.menuExternalLink,{"menu__link--active":h}),autoAddBaseUrl:p,"aria-current":h?"page":void 0,to:m},E&&{onClick:n?()=>n(t):void 0},d),u,!E&&a.createElement(W.Z,null)))}const V={menuHtmlItem:"menuHtmlItem_M9Kj"};function U(e){let{item:t,level:n,index:o}=e;const{value:c,defaultStyle:i,className:s}=t;return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(n),i&&[V.menuHtmlItem,"menu__list-item"],s),key:o,dangerouslySetInnerHTML:{__html:c}})}function z(e){let{item:t,...n}=e;switch(t.type){case"category":return a.createElement(H,(0,C.Z)({item:t},n));case"html":return a.createElement(U,(0,C.Z)({item:t},n));default:return a.createElement(R,(0,C.Z)({item:t},n))}}function K(e){let{items:t,...n}=e;return a.createElement(y,null,t.map(((e,t)=>a.createElement(z,(0,C.Z)({key:t,item:e,index:t},n)))))}const j=(0,a.memo)(K),G={menu:"menu_SIkG",menuWithAnnouncementBar:"menuWithAnnouncementBar_GW3s"};function Y(e){let{path:t,sidebar:n,className:o}=e;const c=function(){const{isActive:e}=(0,T.nT)(),[t,n]=(0,a.useState)(e);return(0,b.RF)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}();return a.createElement("nav",{"aria-label":(0,u.I)({id:"theme.docs.sidebar.navAriaLabel",message:"Docs sidebar",description:"The ARIA label for the sidebar navigation"}),className:(0,l.Z)("menu thin-scrollbar",G.menu,c&&G.menuWithAnnouncementBar,o)},a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(j,{items:n,activePath:t,level:1})))}const q="sidebar_njMd",O="sidebarWithHideableNavbar_wUlq",X="sidebarHidden_VK0M",J="sidebarLogo_isFc";function Q(e){let{path:t,sidebar:n,onCollapse:o,isHidden:r}=e;const{navbar:{hideOnScroll:c},docs:{sidebar:{hideable:i}}}=(0,v.L)();return a.createElement("div",{className:(0,l.Z)(q,c&&O,r&&X)},c&&a.createElement(_.Z,{tabIndex:-1,className:J}),a.createElement(Y,{path:t,sidebar:n}),i&&a.createElement(N,{onClick:o}))}const $=a.memo(Q);var ee=n(3102),te=n(3163);const ne=e=>{let{sidebar:t,path:n}=e;const o=(0,te.e)();return a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(j,{items:t,activePath:n,onItemClick:e=>{"category"===e.type&&e.href&&o.toggle(),"link"===e.type&&o.toggle()},level:1}))};function ae(e){return a.createElement(ee.Zo,{component:ne,props:e})}const le=a.memo(ae);function oe(e){const t=(0,k.i)(),n="desktop"===t||"ssr"===t,l="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement($,e),l&&a.createElement(le,e))}const re={expandButton:"expandButton_m80_",expandButtonIcon:"expandButtonIcon_BlDH"};function ce(e){let{toggleSidebar:t}=e;return a.createElement("div",{className:re.expandButton,title:(0,u.I)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:t,onClick:t},a.createElement(S,{className:re.expandButtonIcon}))}const ie={docSidebarContainer:"docSidebarContainer_b6E3",docSidebarContainerHidden:"docSidebarContainerHidden_b3ry",sidebarViewport:"sidebarViewport_Xe31"};function se(e){let{children:t}=e;const n=(0,d.V)();return a.createElement(a.Fragment,{key:n?.name??"noSidebar"},t)}function de(e){let{sidebar:t,hiddenSidebarContainer:n,setHiddenSidebarContainer:o}=e;const{pathname:c}=(0,f.TH)(),[i,s]=(0,a.useState)(!1),d=(0,a.useCallback)((()=>{i&&s(!1),!i&&(0,g.n)()&&s(!0),o((e=>!e))}),[o,i]);return a.createElement("aside",{className:(0,l.Z)(r.k.docs.docSidebarContainer,ie.docSidebarContainer,n&&ie.docSidebarContainerHidden),onTransitionEnd:e=>{e.currentTarget.classList.contains(ie.docSidebarContainer)&&n&&s(!0)}},a.createElement(se,null,a.createElement("div",{className:(0,l.Z)(ie.sidebarViewport,i&&ie.sidebarViewportHidden)},a.createElement(oe,{sidebar:t,path:c,onCollapse:d,isHidden:i}),i&&a.createElement(ce,{toggleSidebar:d}))))}const me={docMainContainer:"docMainContainer_gTbr",docMainContainerEnhanced:"docMainContainerEnhanced_Uz_u",docItemWrapperEnhanced:"docItemWrapperEnhanced_czyv"};function ue(e){let{hiddenSidebarContainer:t,children:n}=e;const o=(0,d.V)();return a.createElement("main",{className:(0,l.Z)(me.docMainContainer,(t||!o)&&me.docMainContainerEnhanced)},a.createElement("div",{className:(0,l.Z)("container padding-top--md padding-bottom--lg",me.docItemWrapper,t&&me.docItemWrapperEnhanced)},n))}const be={docPage:"docPage__5DB",docsWrapper:"docsWrapper_BCFX","themedComponent--light":"themedComponent--light_NU7w"};function pe(e){let{children:t}=e;const n=(0,d.V)(),[l,o]=(0,a.useState)(!1);return a.createElement(m.Z,{wrapperClassName:be.docsWrapper},a.createElement(E,null),a.createElement("div",{className:be.docPage},n&&a.createElement(de,{sidebar:n.items,hiddenSidebarContainer:l,setHiddenSidebarContainer:o}),a.createElement(ue,{hiddenSidebarContainer:l},t)))}var he=n(4972),Ee=n(197);function ge(e){const{versionMetadata:t}=e;return a.createElement(a.Fragment,null,a.createElement(Ee.Z,{version:t.version,tag:(0,c.os)(t.pluginId,t.version)}),a.createElement(o.d,null,t.noIndex&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"})))}function fe(e){const{versionMetadata:t}=e,n=(0,i.hI)(e);if(!n)return a.createElement(he.default,null);const{docElement:c,sidebarName:m,sidebarItems:u}=n;return a.createElement(a.Fragment,null,a.createElement(ge,e),a.createElement(o.FG,{className:(0,l.Z)(r.k.wrapper.docsPages,r.k.page.docsDocPage,e.versionMetadata.className)},a.createElement(s.q,{version:t},a.createElement(d.b,{name:m,items:u},a.createElement(pe,null,c)))))}},4972:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(7294),l=n(5999),o=n(833),r=n(7452);function c(){return a.createElement(a.Fragment,null,a.createElement(o.d,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),a.createElement(r.Z,null,a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9514,7515],{9963:(e,t,n)=>{n.r(t),n.d(t,{default:()=>fe});var a=n(7294),l=n(6010),o=n(833),r=n(5281),c=n(3320),i=n(3438),s=n(4477),d=n(1116),m=n(7452),u=n(5999),b=n(2466),p=n(5936);const h={backToTopButton:"backToTopButton_sjWU",backToTopButtonShow:"backToTopButtonShow_xfvO"};function E(){const{shown:e,scrollToTop:t}=function(e){let{threshold:t}=e;const[n,l]=(0,a.useState)(!1),o=(0,a.useRef)(!1),{startScroll:r,cancelScroll:c}=(0,b.Ct)();return(0,b.RF)(((e,n)=>{let{scrollY:a}=e;const r=n?.scrollY;r&&(o.current?o.current=!1:a>=r?(c(),l(!1)):a<t?l(!1):a+window.innerHeight<document.documentElement.scrollHeight&&l(!0))})),(0,p.S)((e=>{e.location.hash&&(o.current=!0,l(!1))})),{shown:n,scrollToTop:()=>r(0)}}({threshold:300});return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.BackToTopButton.buttonAriaLabel",message:"Scroll back to top",description:"The ARIA label for the back to top button"}),className:(0,l.Z)("clean-btn",r.k.common.backToTopButton,h.backToTopButton,e&&h.backToTopButtonShow),type:"button",onClick:t})}var g=n(1442),f=n(6550),k=n(7524),v=n(6668),_=n(1327),C=n(7462);function S(e){return a.createElement("svg",(0,C.Z)({width:"20",height:"20","aria-hidden":"true"},e),a.createElement("g",{fill:"#7a7a7a"},a.createElement("path",{d:"M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"}),a.createElement("path",{d:"M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"})))}const I={collapseSidebarButton:"collapseSidebarButton_PEFL",collapseSidebarButtonIcon:"collapseSidebarButtonIcon_kv0_"};function N(e){let{onClick:t}=e;return a.createElement("button",{type:"button",title:(0,u.I)({id:"theme.docs.sidebar.collapseButtonTitle",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.collapseButtonAriaLabel",message:"Collapse sidebar",description:"The title attribute for collapse button of doc sidebar"}),className:(0,l.Z)("button button--secondary button--outline",I.collapseSidebarButton),onClick:t},a.createElement(S,{className:I.collapseSidebarButtonIcon}))}var T=n(9689),Z=n(902);const x=Symbol("EmptyContext"),B=a.createContext(x);function y(e){let{children:t}=e;const[n,l]=(0,a.useState)(null),o=(0,a.useMemo)((()=>({expandedItem:n,setExpandedItem:l})),[n]);return a.createElement(B.Provider,{value:o},t)}var w=n(6043),L=n(8596),A=n(9960),M=n(2389);function F(e){let{categoryLabel:t,onClick:n}=e;return a.createElement("button",{"aria-label":(0,u.I)({id:"theme.DocSidebarItem.toggleCollapsedCategoryAriaLabel",message:"Toggle the collapsible sidebar category '{label}'",description:"The ARIA label to toggle the collapsible sidebar category"},{label:t}),type:"button",className:"clean-btn menu__caret",onClick:n})}function H(e){let{item:t,onItemClick:n,activePath:o,level:c,index:s,...d}=e;const{items:m,label:u,collapsible:b,className:p,href:h}=t,{docs:{sidebar:{autoCollapseCategories:E}}}=(0,v.L)(),g=function(e){const t=(0,M.Z)();return(0,a.useMemo)((()=>e.href?e.href:!t&&e.collapsible?(0,i.Wl)(e):void 0),[e,t])}(t),f=(0,i._F)(t,o),k=(0,L.Mg)(h,o),{collapsed:_,setCollapsed:S}=(0,w.u)({initialState:()=>!!b&&(!f&&t.collapsed)}),{expandedItem:I,setExpandedItem:N}=function(){const e=(0,a.useContext)(B);if(e===x)throw new Z.i6("DocSidebarItemsExpandedStateProvider");return e}(),T=function(e){void 0===e&&(e=!_),N(e?null:s),S(e)};return function(e){let{isActive:t,collapsed:n,updateCollapsed:l}=e;const o=(0,Z.D9)(t);(0,a.useEffect)((()=>{t&&!o&&n&&l(!1)}),[t,o,n,l])}({isActive:f,collapsed:_,updateCollapsed:T}),(0,a.useEffect)((()=>{b&&null!=I&&I!==s&&E&&S(!0)}),[b,I,s,S,E]),a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemCategory,r.k.docs.docSidebarItemCategoryLevel(c),"menu__list-item",{"menu__list-item--collapsed":_},p)},a.createElement("div",{className:(0,l.Z)("menu__list-item-collapsible",{"menu__list-item-collapsible--active":k})},a.createElement(A.Z,(0,C.Z)({className:(0,l.Z)("menu__link",{"menu__link--sublist":b,"menu__link--sublist-caret":!h&&b,"menu__link--active":f}),onClick:b?e=>{n?.(t),h?T(!1):(e.preventDefault(),T())}:()=>{n?.(t)},"aria-current":k?"page":void 0,"aria-expanded":b?!_:void 0,href:b?g??"#":g},d),u),h&&b&&a.createElement(F,{categoryLabel:u,onClick:e=>{e.preventDefault(),T()}})),a.createElement(w.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:_},a.createElement(j,{items:m,tabIndex:_?-1:0,onItemClick:n,activePath:o,level:c+1})))}var P=n(3919),W=n(9471);const D={menuExternalLink:"menuExternalLink_NmtK"};function R(e){let{item:t,onItemClick:n,activePath:o,level:c,index:s,...d}=e;const{href:m,label:u,className:b,autoAddBaseUrl:p}=t,h=(0,i._F)(t,o),E=(0,P.Z)(m);return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(c),"menu__list-item",b),key:u},a.createElement(A.Z,(0,C.Z)({className:(0,l.Z)("menu__link",!E&&D.menuExternalLink,{"menu__link--active":h}),autoAddBaseUrl:p,"aria-current":h?"page":void 0,to:m},E&&{onClick:n?()=>n(t):void 0},d),u,!E&&a.createElement(W.Z,null)))}const V={menuHtmlItem:"menuHtmlItem_M9Kj"};function U(e){let{item:t,level:n,index:o}=e;const{value:c,defaultStyle:i,className:s}=t;return a.createElement("li",{className:(0,l.Z)(r.k.docs.docSidebarItemLink,r.k.docs.docSidebarItemLinkLevel(n),i&&[V.menuHtmlItem,"menu__list-item"],s),key:o,dangerouslySetInnerHTML:{__html:c}})}function z(e){let{item:t,...n}=e;switch(t.type){case"category":return a.createElement(H,(0,C.Z)({item:t},n));case"html":return a.createElement(U,(0,C.Z)({item:t},n));default:return a.createElement(R,(0,C.Z)({item:t},n))}}function K(e){let{items:t,...n}=e;return a.createElement(y,null,t.map(((e,t)=>a.createElement(z,(0,C.Z)({key:t,item:e,index:t},n)))))}const j=(0,a.memo)(K),G={menu:"menu_SIkG",menuWithAnnouncementBar:"menuWithAnnouncementBar_GW3s"};function Y(e){let{path:t,sidebar:n,className:o}=e;const c=function(){const{isActive:e}=(0,T.nT)(),[t,n]=(0,a.useState)(e);return(0,b.RF)((t=>{let{scrollY:a}=t;e&&n(0===a)}),[e]),e&&t}();return a.createElement("nav",{"aria-label":(0,u.I)({id:"theme.docs.sidebar.navAriaLabel",message:"Docs sidebar",description:"The ARIA label for the sidebar navigation"}),className:(0,l.Z)("menu thin-scrollbar",G.menu,c&&G.menuWithAnnouncementBar,o)},a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(j,{items:n,activePath:t,level:1})))}const q="sidebar_njMd",O="sidebarWithHideableNavbar_wUlq",X="sidebarHidden_VK0M",J="sidebarLogo_isFc";function Q(e){let{path:t,sidebar:n,onCollapse:o,isHidden:r}=e;const{navbar:{hideOnScroll:c},docs:{sidebar:{hideable:i}}}=(0,v.L)();return a.createElement("div",{className:(0,l.Z)(q,c&&O,r&&X)},c&&a.createElement(_.Z,{tabIndex:-1,className:J}),a.createElement(Y,{path:t,sidebar:n}),i&&a.createElement(N,{onClick:o}))}const $=a.memo(Q);var ee=n(3102),te=n(3163);const ne=e=>{let{sidebar:t,path:n}=e;const o=(0,te.e)();return a.createElement("ul",{className:(0,l.Z)(r.k.docs.docSidebarMenu,"menu__list")},a.createElement(j,{items:t,activePath:n,onItemClick:e=>{"category"===e.type&&e.href&&o.toggle(),"link"===e.type&&o.toggle()},level:1}))};function ae(e){return a.createElement(ee.Zo,{component:ne,props:e})}const le=a.memo(ae);function oe(e){const t=(0,k.i)(),n="desktop"===t||"ssr"===t,l="mobile"===t;return a.createElement(a.Fragment,null,n&&a.createElement($,e),l&&a.createElement(le,e))}const re={expandButton:"expandButton_m80_",expandButtonIcon:"expandButtonIcon_BlDH"};function ce(e){let{toggleSidebar:t}=e;return a.createElement("div",{className:re.expandButton,title:(0,u.I)({id:"theme.docs.sidebar.expandButtonTitle",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),"aria-label":(0,u.I)({id:"theme.docs.sidebar.expandButtonAriaLabel",message:"Expand sidebar",description:"The ARIA label and title attribute for expand button of doc sidebar"}),tabIndex:0,role:"button",onKeyDown:t,onClick:t},a.createElement(S,{className:re.expandButtonIcon}))}const ie={docSidebarContainer:"docSidebarContainer_b6E3",docSidebarContainerHidden:"docSidebarContainerHidden_b3ry",sidebarViewport:"sidebarViewport_Xe31"};function se(e){let{children:t}=e;const n=(0,d.V)();return a.createElement(a.Fragment,{key:n?.name??"noSidebar"},t)}function de(e){let{sidebar:t,hiddenSidebarContainer:n,setHiddenSidebarContainer:o}=e;const{pathname:c}=(0,f.TH)(),[i,s]=(0,a.useState)(!1),d=(0,a.useCallback)((()=>{i&&s(!1),!i&&(0,g.n)()&&s(!0),o((e=>!e))}),[o,i]);return a.createElement("aside",{className:(0,l.Z)(r.k.docs.docSidebarContainer,ie.docSidebarContainer,n&&ie.docSidebarContainerHidden),onTransitionEnd:e=>{e.currentTarget.classList.contains(ie.docSidebarContainer)&&n&&s(!0)}},a.createElement(se,null,a.createElement("div",{className:(0,l.Z)(ie.sidebarViewport,i&&ie.sidebarViewportHidden)},a.createElement(oe,{sidebar:t,path:c,onCollapse:d,isHidden:i}),i&&a.createElement(ce,{toggleSidebar:d}))))}const me={docMainContainer:"docMainContainer_gTbr",docMainContainerEnhanced:"docMainContainerEnhanced_Uz_u",docItemWrapperEnhanced:"docItemWrapperEnhanced_czyv"};function ue(e){let{hiddenSidebarContainer:t,children:n}=e;const o=(0,d.V)();return a.createElement("main",{className:(0,l.Z)(me.docMainContainer,(t||!o)&&me.docMainContainerEnhanced)},a.createElement("div",{className:(0,l.Z)("container padding-top--md padding-bottom--lg",me.docItemWrapper,t&&me.docItemWrapperEnhanced)},n))}const be={docPage:"docPage__5DB",docsWrapper:"docsWrapper_BCFX","themedComponent--light":"themedComponent--light_NU7w"};function pe(e){let{children:t}=e;const n=(0,d.V)(),[l,o]=(0,a.useState)(!1);return a.createElement(m.Z,{wrapperClassName:be.docsWrapper},a.createElement(E,null),a.createElement("div",{className:be.docPage},n&&a.createElement(de,{sidebar:n.items,hiddenSidebarContainer:l,setHiddenSidebarContainer:o}),a.createElement(ue,{hiddenSidebarContainer:l},t)))}var he=n(4972),Ee=n(197);function ge(e){const{versionMetadata:t}=e;return a.createElement(a.Fragment,null,a.createElement(Ee.Z,{version:t.version,tag:(0,c.os)(t.pluginId,t.version)}),a.createElement(o.d,null,t.noIndex&&a.createElement("meta",{name:"robots",content:"noindex, nofollow"})))}function fe(e){const{versionMetadata:t}=e,n=(0,i.hI)(e);if(!n)return a.createElement(he.default,null);const{docElement:c,sidebarName:m,sidebarItems:u}=n;return a.createElement(a.Fragment,null,a.createElement(ge,e),a.createElement(o.FG,{className:(0,l.Z)(r.k.wrapper.docsPages,r.k.page.docsDocPage,e.versionMetadata.className)},a.createElement(s.q,{version:t},a.createElement(d.b,{name:m,items:u},a.createElement(pe,null,c)))))}},4972:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(7294),l=n(5999),o=n(833),r=n(7452);function c(){return a.createElement(a.Fragment,null,a.createElement(o.d,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),a.createElement(r.Z,null,a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file diff --git a/assets/js/2b7c4d8e.31103f96.js b/assets/js/2b7c4d8e.31103f96.js new file mode 100644 index 00000000..a2361061 --- /dev/null +++ b/assets/js/2b7c4d8e.31103f96.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[6451],{7257:a=>{a.exports=JSON.parse('{"label":"Innovation","permalink":"/blog/tags/innovation","allTagsPath":"/blog/tags","count":1}')}}]); \ No newline at end of file diff --git a/assets/js/332c576c.0aae9887.js b/assets/js/332c576c.09d9231d.js similarity index 67% rename from assets/js/332c576c.0aae9887.js rename to assets/js/332c576c.09d9231d.js index e2f314ab..372c6e01 100644 --- a/assets/js/332c576c.0aae9887.js +++ b/assets/js/332c576c.09d9231d.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4974],{1145:a=>{a.exports=JSON.parse('{"label":"Data","permalink":"/blog/tags/data","allTagsPath":"/blog/tags","count":3}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4974],{1145:a=>{a.exports=JSON.parse('{"label":"Data","permalink":"/blog/tags/data","allTagsPath":"/blog/tags","count":4}')}}]); \ No newline at end of file diff --git a/assets/js/35fb2de4.d0fbbd53.js b/assets/js/35fb2de4.d0fbbd53.js new file mode 100644 index 00000000..69b289d5 --- /dev/null +++ b/assets/js/35fb2de4.d0fbbd53.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[5877],{4379:a=>{a.exports=JSON.parse('{"label":"Data","permalink":"/blog/tags/data","allTagsPath":"/blog/tags","count":4}')}}]); \ No newline at end of file diff --git a/assets/js/424aade5.58359025.js b/assets/js/424aade5.58359025.js new file mode 100644 index 00000000..1ba17747 --- /dev/null +++ b/assets/js/424aade5.58359025.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[5196],{8746:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/data/page/2","page":2,"postsPerPage":3,"totalPages":2,"totalCount":4,"previousPage":"/blog/tags/data","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/44ac4dbb.aa477f41.js b/assets/js/44ac4dbb.4e4e7175.js similarity index 78% rename from assets/js/44ac4dbb.aa477f41.js rename to assets/js/44ac4dbb.4e4e7175.js index 5853ab71..38034b50 100644 --- a/assets/js/44ac4dbb.aa477f41.js +++ b/assets/js/44ac4dbb.4e4e7175.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7142],{399:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/6","page":6,"postsPerPage":3,"totalPages":6,"totalCount":16,"previousPage":"/blog/page/5","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7142],{399:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/6","page":6,"postsPerPage":3,"totalPages":6,"totalCount":17,"previousPage":"/blog/page/5","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/45ca282f.0ab8c7f0.js b/assets/js/45ca282f.0ab8c7f0.js new file mode 100644 index 00000000..e28a819b --- /dev/null +++ b/assets/js/45ca282f.0ab8c7f0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7516],{7967:s=>{s.exports=JSON.parse('{"label":"Work","permalink":"/blog/tags/work","allTagsPath":"/blog/tags","count":1}')}}]); \ No newline at end of file diff --git a/assets/js/4b078b99.5ce4659c.js b/assets/js/4b078b99.5ce4659c.js new file mode 100644 index 00000000..e94413c5 --- /dev/null +++ b/assets/js/4b078b99.5ce4659c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4972],{1682:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/work","page":1,"postsPerPage":3,"totalPages":1,"totalCount":1,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/4bd5fd33.ff647ca8.js b/assets/js/4bd5fd33.091659be.js similarity index 61% rename from assets/js/4bd5fd33.ff647ca8.js rename to assets/js/4bd5fd33.091659be.js index b970d3a4..94945d48 100644 --- a/assets/js/4bd5fd33.ff647ca8.js +++ b/assets/js/4bd5fd33.091659be.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[6560],{404:a=>{a.exports=JSON.parse('{"label":"automation","permalink":"/blog/tags/automation","allTagsPath":"/blog/tags","count":2}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[6560],{404:a=>{a.exports=JSON.parse('{"label":"Automation","permalink":"/blog/tags/automation","allTagsPath":"/blog/tags","count":3}')}}]); \ No newline at end of file diff --git a/assets/js/55207995.334f05d1.js b/assets/js/55207995.a1266fac.js similarity index 91% rename from assets/js/55207995.334f05d1.js rename to assets/js/55207995.a1266fac.js index aefe7c9e..f3bf7e2a 100644 --- a/assets/js/55207995.334f05d1.js +++ b/assets/js/55207995.a1266fac.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9650],{3610:s=>{s.exports=JSON.parse('{"label":"Technology","permalink":"/blog/tags/technology","allTagsPath":"/blog/tags","count":1}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9650],{3610:s=>{s.exports=JSON.parse('{"label":"Technology","permalink":"/blog/tags/technology","allTagsPath":"/blog/tags","count":2}')}}]); \ No newline at end of file diff --git a/assets/js/720401d8.19ab9203.js b/assets/js/720401d8.2b5d7425.js similarity index 93% rename from assets/js/720401d8.19ab9203.js rename to assets/js/720401d8.2b5d7425.js index b620d7cb..d65049a5 100644 --- a/assets/js/720401d8.19ab9203.js +++ b/assets/js/720401d8.2b5d7425.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4022],{3905:(e,t,o)=>{o.d(t,{Zo:()=>c,kt:()=>g});var r=o(7294);function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function a(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){n(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function s(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}var p=r.createContext({}),u=function(e){var t=r.useContext(p),o=t;return e&&(o="function"==typeof e?e(t):i(i({},t),e)),o},c=function(e){var t=u(e.components);return r.createElement(p.Provider,{value:t},e.children)},l="mdxType",h={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var o=e.components,n=e.mdxType,a=e.originalType,p=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),l=u(o),d=n,g=l["".concat(p,".").concat(d)]||l[d]||h[d]||a;return o?r.createElement(g,i(i({ref:t},c),{},{components:o})):r.createElement(g,i({ref:t},c))}));function g(e,t){var o=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=o.length,i=new Array(a);i[0]=d;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s[l]="string"==typeof e?e:n,i[1]=s;for(var u=2;u<a;u++)i[u]=o[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,o)}d.displayName="MDXCreateElement"},8492:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>h,frontMatter:()=>a,metadata:()=>s,toc:()=>u});var r=o(7462),n=(o(7294),o(3905));const a={slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},i=void 0,s={permalink:"/blog/CNCF-Zero-to-Merge",source:"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",title:"CNCF Zero to Merge - Your first step towards Open-Source",description:"Blog on how to get started with open-source",date:"2023-10-10T00:00:00.000Z",formattedDate:"October 10, 2023",tags:[{label:"open-source",permalink:"/blog/tags/open-source"},{label:"CNCF",permalink:"/blog/tags/cncf"},{label:"Zero-to-Merge",permalink:"/blog/tags/zero-to-merge"}],readingTime:5.255,hasTruncateMarker:!0,authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],frontMatter:{slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},nextItem:{title:"Web Crawling, A Beginner\u2019s Perspective on Data Extraction",permalink:"/blog/web-crawling"}},p={authorsImageUrls:[void 0]},u=[{value:"Introduction",id:"introduction",level:2},{value:"During the program",id:"during-the-program",level:2},{value:"Key Takeaways from the Program",id:"key-takeaways-from-the-program",level:2},{value:"Conclusion",id:"conclusion",level:2}],c={toc:u},l="wrapper";function h(e){let{components:t,...a}=e;return(0,n.kt)(l,(0,r.Z)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("blockquote",null,(0,n.kt)("p",{parentName:"blockquote"},"CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program"),(0,n.kt)("br",null)),(0,n.kt)("h1",{id:"cncf-zero-to-merge---your-first-step-towards-open-source"},"CNCF Zero to Merge - Your first step towards Open-Source"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF LOGO",src:o(5713).Z,width:"1663",height:"871"})),(0,n.kt)("h2",{id:"introduction"},"Introduction"),(0,n.kt)("p",null,"This blog summarizes my experience with the Cloud Native Computing Foundation's first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by ",(0,n.kt)("a",{parentName:"p",href:"https://github.com/rohitg00"},"Rohit Ghumare"),". If you are willing to register for the program, you can check out the link ",(0,n.kt)("a",{parentName:"p",href:"https://project.linuxfoundation.org/cncf-zero-to-merge-application"},"here"),". CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals."),(0,n.kt)("p",null,"The CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week."),(0,n.kt)("h2",{id:"during-the-program"},"During the program"),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 1 Session 1"),": The initial session of the program's first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 1 Session 2:")," During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 2 Session 1:")," In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR)."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 2 Session 2:")," The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 3 Session 1:")," In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 3 Session 2"),": This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 4 Session 1:")," The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 4 Session 2:")," The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees."),(0,n.kt)("h2",{id:"key-takeaways-from-the-program"},"Key Takeaways from the Program"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF",src:o(20).Z,width:"1178",height:"443"})),(0,n.kt)("p",null,"CNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time."),(0,n.kt)("p",null,"Here's a summary of the process:"),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"1. Find a Project:")," Choose a CNCF incubating project that interests you and has welcoming maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"2. Understand the Issue:")," Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"3. Fork the Repository:")," Create a fork of the project's repository on your GitHub account to work on your changes separately."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"4. Make a Branch:")," Create a new branch in your fork to isolate your work and make it easier to create a pull request later."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"5. Make the Changes:")," Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"6. Test Your Changes:")," Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"7. Create a Pull Request:")," Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"8. Iterate Based on Feedback:")," Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"9. Merge:")," Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"10. Celebrate:")," Congratulations, you've successfully made your first open-source contribution! You are now an official contributor to the project."),(0,n.kt)("p",null,"This program is a great way to get started with open source and can be very rewarding. It's important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project."),(0,n.kt)("h2",{id:"conclusion"},"Conclusion"),(0,n.kt)("p",null,"This is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It's important to follow these steps carefully to ensure a smooth and successful contribution experience."),(0,n.kt)("p",null,"The CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project."))}h.isMDXComponent=!0},5713:(e,t,o)=>{o.d(t,{Z:()=>r});const r=o.p+"assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg"},20:(e,t,o)=>{o.d(t,{Z:()=>r});const r=o.p+"assets/images/cncf2-a16b7cf0d5b87711fcc6b75ff00b8ebe.png"}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4022],{3905:(e,t,o)=>{o.d(t,{Zo:()=>l,kt:()=>g});var r=o(7294);function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function a(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){n(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function s(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}var p=r.createContext({}),u=function(e){var t=r.useContext(p),o=t;return e&&(o="function"==typeof e?e(t):i(i({},t),e)),o},l=function(e){var t=u(e.components);return r.createElement(p.Provider,{value:t},e.children)},c="mdxType",h={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var o=e.components,n=e.mdxType,a=e.originalType,p=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),c=u(o),d=n,g=c["".concat(p,".").concat(d)]||c[d]||h[d]||a;return o?r.createElement(g,i(i({ref:t},l),{},{components:o})):r.createElement(g,i({ref:t},l))}));function g(e,t){var o=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=o.length,i=new Array(a);i[0]=d;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s[c]="string"==typeof e?e:n,i[1]=s;for(var u=2;u<a;u++)i[u]=o[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,o)}d.displayName="MDXCreateElement"},8492:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>p,contentTitle:()=>i,default:()=>h,frontMatter:()=>a,metadata:()=>s,toc:()=>u});var r=o(7462),n=(o(7294),o(3905));const a={slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},i=void 0,s={permalink:"/blog/CNCF-Zero-to-Merge",source:"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",title:"CNCF Zero to Merge - Your first step towards Open-Source",description:"Blog on how to get started with open-source",date:"2023-10-10T00:00:00.000Z",formattedDate:"October 10, 2023",tags:[{label:"open-source",permalink:"/blog/tags/open-source"},{label:"CNCF",permalink:"/blog/tags/cncf"},{label:"Zero-to-Merge",permalink:"/blog/tags/zero-to-merge"}],readingTime:5.255,hasTruncateMarker:!0,authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],frontMatter:{slug:"CNCF-Zero-to-Merge",title:"CNCF Zero to Merge - Your first step towards Open-Source",authors:[{name:"Rajdeep Pal",title:"Contributor",url:"https://github.com/Rajdeep1311",image_url:"https://github.com/Rajdeep1311.png",imageURL:"https://github.com/Rajdeep1311.png"}],tags:["open-source","CNCF","Zero-to-Merge"],description:"Blog on how to get started with open-source",keywords:["open-source","CNCF"]},prevItem:{title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",permalink:"/blog/intro-to-ai-automation"},nextItem:{title:"Web Crawling, A Beginner\u2019s Perspective on Data Extraction",permalink:"/blog/web-crawling"}},p={authorsImageUrls:[void 0]},u=[{value:"Introduction",id:"introduction",level:2},{value:"During the program",id:"during-the-program",level:2},{value:"Key Takeaways from the Program",id:"key-takeaways-from-the-program",level:2},{value:"Conclusion",id:"conclusion",level:2}],l={toc:u},c="wrapper";function h(e){let{components:t,...a}=e;return(0,n.kt)(c,(0,r.Z)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("blockquote",null,(0,n.kt)("p",{parentName:"blockquote"},"CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program"),(0,n.kt)("br",null)),(0,n.kt)("h1",{id:"cncf-zero-to-merge---your-first-step-towards-open-source"},"CNCF Zero to Merge - Your first step towards Open-Source"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF LOGO",src:o(5713).Z,width:"1663",height:"871"})),(0,n.kt)("h2",{id:"introduction"},"Introduction"),(0,n.kt)("p",null,"This blog summarizes my experience with the Cloud Native Computing Foundation's first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by ",(0,n.kt)("a",{parentName:"p",href:"https://github.com/rohitg00"},"Rohit Ghumare"),". If you are willing to register for the program, you can check out the link ",(0,n.kt)("a",{parentName:"p",href:"https://project.linuxfoundation.org/cncf-zero-to-merge-application"},"here"),". CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals."),(0,n.kt)("p",null,"The CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week."),(0,n.kt)("h2",{id:"during-the-program"},"During the program"),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 1 Session 1"),": The initial session of the program's first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 1 Session 2:")," During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 2 Session 1:")," In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR)."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 2 Session 2:")," The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 3 Session 1:")," In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 3 Session 2"),": This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 4 Session 1:")," The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"Week 4 Session 2:")," The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees."),(0,n.kt)("h2",{id:"key-takeaways-from-the-program"},"Key Takeaways from the Program"),(0,n.kt)("p",null,(0,n.kt)("img",{alt:"CNCF",src:o(20).Z,width:"1178",height:"443"})),(0,n.kt)("p",null,"CNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time."),(0,n.kt)("p",null,"Here's a summary of the process:"),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"1. Find a Project:")," Choose a CNCF incubating project that interests you and has welcoming maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"2. Understand the Issue:")," Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"3. Fork the Repository:")," Create a fork of the project's repository on your GitHub account to work on your changes separately."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"4. Make a Branch:")," Create a new branch in your fork to isolate your work and make it easier to create a pull request later."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"5. Make the Changes:")," Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"6. Test Your Changes:")," Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"7. Create a Pull Request:")," Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"8. Iterate Based on Feedback:")," Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"9. Merge:")," Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project."),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"10. Celebrate:")," Congratulations, you've successfully made your first open-source contribution! You are now an official contributor to the project."),(0,n.kt)("p",null,"This program is a great way to get started with open source and can be very rewarding. It's important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project."),(0,n.kt)("h2",{id:"conclusion"},"Conclusion"),(0,n.kt)("p",null,"This is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It's important to follow these steps carefully to ensure a smooth and successful contribution experience."),(0,n.kt)("p",null,"The CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project."))}h.isMDXComponent=!0},5713:(e,t,o)=>{o.d(t,{Z:()=>r});const r=o.p+"assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg"},20:(e,t,o)=>{o.d(t,{Z:()=>r});const r=o.p+"assets/images/cncf2-a16b7cf0d5b87711fcc6b75ff00b8ebe.png"}}]); \ No newline at end of file diff --git a/assets/js/4972.16297f58.js b/assets/js/7515.2efe5cd1.js similarity index 93% rename from assets/js/4972.16297f58.js rename to assets/js/7515.2efe5cd1.js index c5c5e28a..bcf7ed36 100644 --- a/assets/js/4972.16297f58.js +++ b/assets/js/7515.2efe5cd1.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4972],{4972:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(7294),l=n(5999),o=n(833),r=n(7452);function c(){return a.createElement(a.Fragment,null,a.createElement(o.d,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),a.createElement(r.Z,null,a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7515],{4972:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(7294),l=n(5999),o=n(833),r=n(7452);function c(){return a.createElement(a.Fragment,null,a.createElement(o.d,{title:(0,l.I)({id:"theme.NotFound.title",message:"Page Not Found"})}),a.createElement(r.Z,null,a.createElement("main",{className:"container margin-vert--xl"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col col--6 col--offset-3"},a.createElement("h1",{className:"hero__title"},a.createElement(l.Z,{id:"theme.NotFound.title",description:"The title of the 404 page"},"Page Not Found")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p1",description:"The first paragraph of the 404 page"},"We could not find what you were looking for.")),a.createElement("p",null,a.createElement(l.Z,{id:"theme.NotFound.p2",description:"The 2nd paragraph of the 404 page"},"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.")))))))}}}]); \ No newline at end of file diff --git a/assets/js/7d9726a8.88d09716.js b/assets/js/7d9726a8.91d5a146.js similarity index 80% rename from assets/js/7d9726a8.88d09716.js rename to assets/js/7d9726a8.91d5a146.js index 51027c88..a4ad88b1 100644 --- a/assets/js/7d9726a8.88d09716.js +++ b/assets/js/7d9726a8.91d5a146.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7429],{9494:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/4","page":4,"postsPerPage":3,"totalPages":6,"totalCount":16,"previousPage":"/blog/page/3","nextPage":"/blog/page/5","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7429],{9494:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/4","page":4,"postsPerPage":3,"totalPages":6,"totalCount":17,"previousPage":"/blog/page/3","nextPage":"/blog/page/5","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/814f3328.7e123b8c.js b/assets/js/814f3328.7e123b8c.js deleted file mode 100644 index 293c68eb..00000000 --- a/assets/js/814f3328.7e123b8c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2535],{5641:e=>{e.exports=JSON.parse('{"title":"Recent posts","items":[{"title":"CNCF Zero to Merge - Your first step towards Open-Source","permalink":"/blog/CNCF-Zero-to-Merge"},{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"},{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"},{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"},{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"},{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"},{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"},{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"},{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"},{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"},{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"},{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"},{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"},{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"},{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"},{"title":"Breaking The Ice - Open Source","permalink":"/blog/breaking-the-ice-open-source"}]}')}}]); \ No newline at end of file diff --git a/assets/js/814f3328.a3f17ea3.js b/assets/js/814f3328.a3f17ea3.js new file mode 100644 index 00000000..8fe294f4 --- /dev/null +++ b/assets/js/814f3328.a3f17ea3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2535],{5641:e=>{e.exports=JSON.parse('{"title":"Recent posts","items":[{"title":"AI Automation Odyssey: Navigating the Future of Work and Innovation","permalink":"/blog/intro-to-ai-automation"},{"title":"CNCF Zero to Merge - Your first step towards Open-Source","permalink":"/blog/CNCF-Zero-to-Merge"},{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"},{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"},{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"},{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"},{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"},{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"},{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"},{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"},{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"},{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"},{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"},{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"},{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"},{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"},{"title":"Breaking The Ice - Open Source","permalink":"/blog/breaking-the-ice-open-source"}]}')}}]); \ No newline at end of file diff --git a/assets/js/84e5d1c3.99a147e7.js b/assets/js/84e5d1c3.99a147e7.js new file mode 100644 index 00000000..6d649315 --- /dev/null +++ b/assets/js/84e5d1c3.99a147e7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2526],{9298:s=>{s.exports=JSON.parse('{"label":"AI","permalink":"/blog/tags/ai","allTagsPath":"/blog/tags","count":4}')}}]); \ No newline at end of file diff --git a/assets/js/8609c8e4.89351d41.js b/assets/js/8609c8e4.89351d41.js new file mode 100644 index 00000000..28c2f7da --- /dev/null +++ b/assets/js/8609c8e4.89351d41.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4925],{4479:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/innovation","page":1,"postsPerPage":3,"totalPages":1,"totalCount":1,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/8eb4e46b.6ca59b1e.js b/assets/js/8eb4e46b.2f4c6944.js similarity index 79% rename from assets/js/8eb4e46b.6ca59b1e.js rename to assets/js/8eb4e46b.2f4c6944.js index 75a5060d..bae43453 100644 --- a/assets/js/8eb4e46b.6ca59b1e.js +++ b/assets/js/8eb4e46b.2f4c6944.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1],{2638:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/2","page":2,"postsPerPage":3,"totalPages":6,"totalCount":16,"previousPage":"/blog","nextPage":"/blog/page/3","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1],{2638:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/2","page":2,"postsPerPage":3,"totalPages":6,"totalCount":17,"previousPage":"/blog","nextPage":"/blog/page/3","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/92999a1c.33f9bcb8.js b/assets/js/92999a1c.8f55ad66.js similarity index 80% rename from assets/js/92999a1c.33f9bcb8.js rename to assets/js/92999a1c.8f55ad66.js index 74e5a766..decf04cb 100644 --- a/assets/js/92999a1c.33f9bcb8.js +++ b/assets/js/92999a1c.8f55ad66.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8442],{5310:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/3","page":3,"postsPerPage":3,"totalPages":6,"totalCount":16,"previousPage":"/blog/page/2","nextPage":"/blog/page/4","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8442],{5310:e=>{e.exports=JSON.parse('{"permalink":"/blog/page/3","page":3,"postsPerPage":3,"totalPages":6,"totalCount":17,"previousPage":"/blog/page/2","nextPage":"/blog/page/4","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/a7023ddc.bd02da5b.js b/assets/js/a7023ddc.bd02da5b.js deleted file mode 100644 index 065361aa..00000000 --- a/assets/js/a7023ddc.bd02da5b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1713],{3457:l=>{l.exports=JSON.parse('[{"label":"open-source","permalink":"/blog/tags/open-source","count":1},{"label":"CNCF","permalink":"/blog/tags/cncf","count":1},{"label":"Zero-to-Merge","permalink":"/blog/tags/zero-to-merge","count":1},{"label":"web crawling","permalink":"/blog/tags/web-crawling","count":1},{"label":"data extraction","permalink":"/blog/tags/data-extraction","count":1},{"label":"automation","permalink":"/blog/tags/automation","count":2},{"label":"Blockchain","permalink":"/blog/tags/blockchain","count":1},{"label":"Data","permalink":"/blog/tags/data","count":3},{"label":"Software","permalink":"/blog/tags/software","count":5},{"label":"Technology","permalink":"/blog/tags/technology","count":1},{"label":"linux","permalink":"/blog/tags/linux","count":1},{"label":"cli","permalink":"/blog/tags/cli","count":1},{"label":"terminal","permalink":"/blog/tags/terminal","count":1},{"label":"tui","permalink":"/blog/tags/tui","count":1},{"label":"free","permalink":"/blog/tags/free","count":2},{"label":"open","permalink":"/blog/tags/open","count":2},{"label":"source","permalink":"/blog/tags/source","count":3},{"label":"cloud","permalink":"/blog/tags/cloud","count":1},{"label":"gaming","permalink":"/blog/tags/gaming","count":1},{"label":"cyberpunk","permalink":"/blog/tags/cyberpunk","count":1},{"label":"nvidia","permalink":"/blog/tags/nvidia","count":1},{"label":"mind-benders","permalink":"/blog/tags/mind-benders","count":3},{"label":"ai","permalink":"/blog/tags/ai","count":3},{"label":"tmai","permalink":"/blog/tags/tmai","count":3},{"label":"api","permalink":"/blog/tags/api","count":1},{"label":"integration","permalink":"/blog/tags/integration","count":1},{"label":"authentication","permalink":"/blog/tags/authentication","count":1},{"label":"Artificial Intelligence","permalink":"/blog/tags/artificial-intelligence","count":1},{"label":"Machine Learning","permalink":"/blog/tags/machine-learning","count":1},{"label":"Data Science","permalink":"/blog/tags/data-science","count":1},{"label":"cultural","permalink":"/blog/tags/cultural","count":1},{"label":"social","permalink":"/blog/tags/social","count":1},{"label":"community","permalink":"/blog/tags/community","count":1},{"label":"editorial","permalink":"/blog/tags/editorial","count":1},{"label":"Web Design","permalink":"/blog/tags/web-design","count":1},{"label":"HTML","permalink":"/blog/tags/html","count":1},{"label":"CSS","permalink":"/blog/tags/css","count":1},{"label":"Mental Model","permalink":"/blog/tags/mental-model","count":1},{"label":"Resonsiveness","permalink":"/blog/tags/resonsiveness","count":1},{"label":"ReactJs","permalink":"/blog/tags/react-js","count":1},{"label":"JSX","permalink":"/blog/tags/jsx","count":1},{"label":"Virtaul DOM","permalink":"/blog/tags/virtaul-dom","count":1},{"label":"Frontend","permalink":"/blog/tags/frontend","count":1},{"label":"cloud computing","permalink":"/blog/tags/cloud-computing","count":1}]')}}]); \ No newline at end of file diff --git a/assets/js/a7023ddc.f4f7f6bb.js b/assets/js/a7023ddc.f4f7f6bb.js new file mode 100644 index 00000000..68c4dbb5 --- /dev/null +++ b/assets/js/a7023ddc.f4f7f6bb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1713],{3457:l=>{l.exports=JSON.parse('[{"label":"AI","permalink":"/blog/tags/ai","count":4},{"label":"Automation","permalink":"/blog/tags/automation","count":3},{"label":"Work","permalink":"/blog/tags/work","count":1},{"label":"Innovation","permalink":"/blog/tags/innovation","count":1},{"label":"Data","permalink":"/blog/tags/data","count":4},{"label":"Technology","permalink":"/blog/tags/technology","count":2},{"label":"open-source","permalink":"/blog/tags/open-source","count":1},{"label":"CNCF","permalink":"/blog/tags/cncf","count":1},{"label":"Zero-to-Merge","permalink":"/blog/tags/zero-to-merge","count":1},{"label":"web crawling","permalink":"/blog/tags/web-crawling","count":1},{"label":"data extraction","permalink":"/blog/tags/data-extraction","count":1},{"label":"Blockchain","permalink":"/blog/tags/blockchain","count":1},{"label":"Software","permalink":"/blog/tags/software","count":5},{"label":"linux","permalink":"/blog/tags/linux","count":1},{"label":"cli","permalink":"/blog/tags/cli","count":1},{"label":"terminal","permalink":"/blog/tags/terminal","count":1},{"label":"tui","permalink":"/blog/tags/tui","count":1},{"label":"free","permalink":"/blog/tags/free","count":2},{"label":"open","permalink":"/blog/tags/open","count":2},{"label":"source","permalink":"/blog/tags/source","count":3},{"label":"cloud","permalink":"/blog/tags/cloud","count":1},{"label":"gaming","permalink":"/blog/tags/gaming","count":1},{"label":"cyberpunk","permalink":"/blog/tags/cyberpunk","count":1},{"label":"nvidia","permalink":"/blog/tags/nvidia","count":1},{"label":"mind-benders","permalink":"/blog/tags/mind-benders","count":3},{"label":"tmai","permalink":"/blog/tags/tmai","count":3},{"label":"api","permalink":"/blog/tags/api","count":1},{"label":"integration","permalink":"/blog/tags/integration","count":1},{"label":"authentication","permalink":"/blog/tags/authentication","count":1},{"label":"Artificial Intelligence","permalink":"/blog/tags/artificial-intelligence","count":1},{"label":"Machine Learning","permalink":"/blog/tags/machine-learning","count":1},{"label":"Data Science","permalink":"/blog/tags/data-science","count":1},{"label":"cultural","permalink":"/blog/tags/cultural","count":1},{"label":"social","permalink":"/blog/tags/social","count":1},{"label":"community","permalink":"/blog/tags/community","count":1},{"label":"editorial","permalink":"/blog/tags/editorial","count":1},{"label":"Web Design","permalink":"/blog/tags/web-design","count":1},{"label":"HTML","permalink":"/blog/tags/html","count":1},{"label":"CSS","permalink":"/blog/tags/css","count":1},{"label":"Mental Model","permalink":"/blog/tags/mental-model","count":1},{"label":"Resonsiveness","permalink":"/blog/tags/resonsiveness","count":1},{"label":"ReactJs","permalink":"/blog/tags/react-js","count":1},{"label":"JSX","permalink":"/blog/tags/jsx","count":1},{"label":"Virtaul DOM","permalink":"/blog/tags/virtaul-dom","count":1},{"label":"Frontend","permalink":"/blog/tags/frontend","count":1},{"label":"cloud computing","permalink":"/blog/tags/cloud-computing","count":1}]')}}]); \ No newline at end of file diff --git a/assets/js/ab4c6d72.47950f33.js b/assets/js/ab4c6d72.47950f33.js deleted file mode 100644 index cdffa017..00000000 --- a/assets/js/ab4c6d72.47950f33.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2332],{2770:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/ai","page":1,"postsPerPage":3,"totalPages":1,"totalCount":3,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/ab4c6d72.f6bedea5.js b/assets/js/ab4c6d72.f6bedea5.js new file mode 100644 index 00000000..b8a0e84e --- /dev/null +++ b/assets/js/ab4c6d72.f6bedea5.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[2332],{2770:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/ai","page":1,"postsPerPage":3,"totalPages":2,"totalCount":4,"nextPage":"/blog/tags/ai/page/2","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/ac2246e0.b9fe4c2f.js b/assets/js/ac2246e0.b9fe4c2f.js new file mode 100644 index 00000000..6323cdce --- /dev/null +++ b/assets/js/ac2246e0.b9fe4c2f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[4732],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>g});var a=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function r(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,a,i=function(e,t){if(null==e)return{};var n,a,i={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var l=a.createContext({}),u=function(e){var t=a.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):r(r({},t),e)),n},c=function(e){var t=u(e.components);return a.createElement(l.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},p=a.forwardRef((function(e,t){var n=e.components,i=e.mdxType,o=e.originalType,l=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),m=u(n),p=i,g=m["".concat(l,".").concat(p)]||m[p]||d[p]||o;return n?a.createElement(g,r(r({ref:t},c),{},{components:n})):a.createElement(g,r({ref:t},c))}));function g(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=n.length,r=new Array(o);r[0]=p;var s={};for(var l in t)hasOwnProperty.call(t,l)&&(s[l]=t[l]);s.originalType=e,s[m]="string"==typeof e?e:i,r[1]=s;for(var u=2;u<o;u++)r[u]=n[u];return a.createElement.apply(null,r)}return a.createElement.apply(null,n)}p.displayName="MDXCreateElement"},7827:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>m,contentTitle:()=>u,default:()=>h,frontMatter:()=>l,metadata:()=>c,toc:()=>d});var a=n(7462),i=(n(7294),n(3905));const o=n.p+"assets/images/jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg",r=n.p+"assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png",s=n.p+"assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png",l={slug:"intro-to-ai-automation",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",authors:["aadil"],tags:["AI","Automation","Work","Innovation","Data","Technology"],description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",keywords:["AI","Automation","Work","Innovation","Data","Technology"]},u=void 0,c={permalink:"/blog/intro-to-ai-automation",source:"@site/blog/2023-10-13-AI-Automation/index.mdx",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",date:"2023-10-13T00:00:00.000Z",formattedDate:"October 13, 2023",tags:[{label:"AI",permalink:"/blog/tags/ai"},{label:"Automation",permalink:"/blog/tags/automation"},{label:"Work",permalink:"/blog/tags/work"},{label:"Innovation",permalink:"/blog/tags/innovation"},{label:"Data",permalink:"/blog/tags/data"},{label:"Technology",permalink:"/blog/tags/technology"}],readingTime:4.125,hasTruncateMarker:!0,authors:[{name:"Aadil Rayeen",title:"Docs Team Member | AI & ML Enthusiast | Web Developer",url:"https://github.com/AadilRayeen",imageURL:"https://github.com/AadilRayeen.png",key:"aadil"}],frontMatter:{slug:"intro-to-ai-automation",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",authors:["aadil"],tags:["AI","Automation","Work","Innovation","Data","Technology"],description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",keywords:["AI","Automation","Work","Innovation","Data","Technology"]},nextItem:{title:"CNCF Zero to Merge - Your first step towards Open-Source",permalink:"/blog/CNCF-Zero-to-Merge"}},m={authorsImageUrls:[void 0]},d=[{value:"What is AI Automation ?",id:"what-is-ai-automation-",level:2},{value:"Power of AI Automation",id:"power-of-ai-automation",level:2},{value:"Evolution of AI Automation",id:"evolution-of-ai-automation",level:2},{value:"Benefits",id:"benefits",level:2},{value:"Navigating the Future of Work",id:"navigating-the-future-of-work",level:2},{value:"Conclusion",id:"conclusion",level:2}],p={toc:d},g="wrapper";function h(e){let{components:t,...l}=e;return(0,i.kt)(g,(0,a.Z)({},p,l,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("blockquote",null,(0,i.kt)("p",{parentName:"blockquote"},"Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today's quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We'll look at the main aspects of AI automation in this post.")),(0,i.kt)("br",null),(0,i.kt)("table",null,(0,i.kt)("thead",{parentName:"table"},(0,i.kt)("tr",{parentName:"thead"},(0,i.kt)("th",{parentName:"tr",align:"center"},(0,i.kt)("img",{alt:"AI Automation",src:n(8519).Z,width:"1400",height:"700"})))),(0,i.kt)("tbody",{parentName:"table"},(0,i.kt)("tr",{parentName:"tbody"},(0,i.kt)("td",{parentName:"tr",align:"center"},(0,i.kt)("em",{parentName:"td"},"Automation"))))),(0,i.kt)("h2",{id:"what-is-ai-automation-"},"What is AI Automation ?"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"Artificial Intelligence (AI) automation is the use of machine learning and artificial intelligence to carry out activities automatically. "),(0,i.kt)("li",{parentName:"ul"},"By minimizing human mistake and working nonstop, it achieves tremendous efficiency gains that lower costs and increase profitability. "),(0,i.kt)("li",{parentName:"ul"},"Simple rule-based processes to more complicated, adaptive, and intelligent behaviors can all be automated."),(0,i.kt)("li",{parentName:"ul"},"Basic purpose of AI automation is to use AI capabilities to make tasks more efficient, accurate, and cost-effective. "),(0,i.kt)("li",{parentName:"ul"},"This technology can process enormous amounts of data, make predictions about the future, and customize user experiences. ")),(0,i.kt)("h2",{id:"power-of-ai-automation"},"Power of AI Automation"),(0,i.kt)("p",null,"AI automation has the capacity to completely alter industries and redefine how we live and work. It improves customer service, supports decision-making, and encourages innovation while being accessible 24/7. AI automation is a versatile force with broad ramifications across industries as it improves resource allocation, simplifies operations, and reduces risks. Its capacity to boost human potential and promote ongoing improvement highlights its crucial role in determining the course of the future. The nexus of Automation and Artificial Intelligence (AI) has expanded quickly, spawning cutting-edge tactics that promise to fundamentally transform industries and expedite procedures. This technology is a game-changer in many industries because it can undertake repetitive, time-consuming jobs with higher accuracy, consistency, and speed than people. "),(0,i.kt)("figure",null,(0,i.kt)("center",null,(0,i.kt)("img",{src:o,style:{border:"2px solid gray"}})),(0,i.kt)("center",null,(0,i.kt)("figcaption",null,"Affect of AI Automation on Jobs"))),(0,i.kt)("h2",{id:"evolution-of-ai-automation"},"Evolution of AI Automation"),(0,i.kt)("p",null,"AI automation has come a long way from basic rule-based processes. Today, it combines machine learning, natural language processing, and other AI techniques to deliver more sophisticated and adaptive solutions.\nHere are some advanced AI automation strategies:"),(0,i.kt)("details",null,(0,i.kt)("summary",null,(0,i.kt)("b",null,"Cognitive Automation")),(0,i.kt)("div",null,"AI and human intelligence are used in cognitive automation to simulate human thought processes. It can make judgments, comprehend unstructured data, and even pick up new information as it is input. In industries like healthcare, where it may help with diagnosis and treatment suggestions, this technology is extremely beneficial.")),(0,i.kt)("details",null,(0,i.kt)("summary",null,(0,i.kt)("b",null,"Predictive Maintenance")),(0,i.kt)("div",null,"Machine learning algorithms are used in AI-powered predictive maintenance to predict when equipment will break down. By just maintaining machines as needed, this aids businesses in avoiding unanticipated downtime and lowering maintenance expenses.")),(0,i.kt)("details",null,(0,i.kt)("summary",null,(0,i.kt)("b",null,"Conversational AI")),(0,i.kt)("div",null,"Natural language processing is used by conversational AI, which is frequently found in chatbots and virtual assistants, to engage in discussions that are human-like. This is extremely helpful for increasing user experiences, automating regular enquiries, and improving customer support.")),(0,i.kt)("details",null,(0,i.kt)("summary",null,(0,i.kt)("b",null,"Robotic Process Automation (RPA)")),(0,i.kt)("div",null,"Routine, rule-based processes across numerous applications are automated by RPA. In order to eliminate human data entry and boost efficiency, it is commonly utilized in finance, HR, and logistics.")),(0,i.kt)("h2",{id:"benefits"},"Benefits"),(0,i.kt)("p",null,"Here are some of the ways AI automation can benefit your organization :"),(0,i.kt)("figure",null,(0,i.kt)("center",null,(0,i.kt)("img",{src:r,style:{border:"2px solid gray"}}))),(0,i.kt)("h2",{id:"navigating-the-future-of-work"},"Navigating the Future of Work"),(0,i.kt)("p",null,"AI automation is not just about cost savings and efficiency; it's about reshaping the very nature of work.\nThe future of work, characterized by automation, presents several key facets:"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Innovation: As AI automation handles routine tasks, human workers can focus on more creative, strategic, and innovative endeavors, driving progress and innovation.")),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Job Evolution: The workforce will see a shift in the nature of jobs. While some tasks become automated, new roles related to AI and automation will emerge.")),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Continuous Learning: The future workforce will need to embrace lifelong learning and adaptability to remain relevant in an ever-changing job market.")),(0,i.kt)("li",{parentName:"ul"},(0,i.kt)("p",{parentName:"li"},"Ethical Considerations: As AI automation continues to expand, ethical considerations related to bias, transparency, and accountability become paramount."))),(0,i.kt)("figure",null,(0,i.kt)("center",null,(0,i.kt)("img",{src:s,style:{border:"2px solid gray"}}))),(0,i.kt)("h2",{id:"conclusion"},"Conclusion"),(0,i.kt)("p",null,"To summarize, the AI Automation Odyssey is a thrilling and revolutionary adventure with enormous potential to shape the future of work and creativity. The value of AI automation rests in its capacity to improve productivity, decrease errors, save money, and promote innovation across multiple industries. As its influence grows, the workforce must adapt to changing responsibilities and the continual requirement for lifelong learning. Ethical considerations are vital, and ethical AI automation deployment is required to ensure that it benefits society as a whole. The future of work is changing, and the opportunity for creativity is limitless. "),(0,i.kt)("center",null,(0,i.kt)("b",null,"Our adventure has only just begun and the future holds exciting discoveries, ")),(0,i.kt)("center",null,(0,i.kt)("b",null,"Stay tuned for more insights and developments on this remarkable odyssey !!!!")))}h.isMDXComponent=!0},8519:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/intro-7f73c6930cecb4810126341cd83ea924.png"}}]); \ No newline at end of file diff --git a/assets/js/b2b675dd.b1665fba.js b/assets/js/b2b675dd.8715727b.js similarity index 77% rename from assets/js/b2b675dd.b1665fba.js rename to assets/js/b2b675dd.8715727b.js index 976642d8..a2214c21 100644 --- a/assets/js/b2b675dd.b1665fba.js +++ b/assets/js/b2b675dd.8715727b.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[533],{8017:e=>{e.exports=JSON.parse('{"permalink":"/blog","page":1,"postsPerPage":3,"totalPages":6,"totalCount":16,"nextPage":"/blog/page/2","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[533],{8017:e=>{e.exports=JSON.parse('{"permalink":"/blog","page":1,"postsPerPage":3,"totalPages":6,"totalCount":17,"nextPage":"/blog/page/2","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/b2f554cd.04d3c94c.js b/assets/js/b2f554cd.04d3c94c.js deleted file mode 100644 index 140e243b..00000000 --- a/assets/js/b2f554cd.04d3c94c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1477],{10:e=>{e.exports=JSON.parse('{"blogPosts":[{"id":"CNCF-Zero-to-Merge","metadata":{"permalink":"/blog/CNCF-Zero-to-Merge","source":"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md","title":"CNCF Zero to Merge - Your first step towards Open-Source","description":"Blog on how to get started with open-source","date":"2023-10-10T00:00:00.000Z","formattedDate":"October 10, 2023","tags":[{"label":"open-source","permalink":"/blog/tags/open-source"},{"label":"CNCF","permalink":"/blog/tags/cncf"},{"label":"Zero-to-Merge","permalink":"/blog/tags/zero-to-merge"}],"readingTime":5.255,"hasTruncateMarker":true,"authors":[{"name":"Rajdeep Pal","title":"Contributor","url":"https://github.com/Rajdeep1311","image_url":"https://github.com/Rajdeep1311.png","imageURL":"https://github.com/Rajdeep1311.png"}],"frontMatter":{"slug":"CNCF-Zero-to-Merge","title":"CNCF Zero to Merge - Your first step towards Open-Source","authors":[{"name":"Rajdeep Pal","title":"Contributor","url":"https://github.com/Rajdeep1311","image_url":"https://github.com/Rajdeep1311.png","imageURL":"https://github.com/Rajdeep1311.png"}],"tags":["open-source","CNCF","Zero-to-Merge"],"description":"Blog on how to get started with open-source","keywords":["open-source","CNCF"]},"nextItem":{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"}},"content":"> CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program\\r\\n<br/>\\r\\n\\r\\n# CNCF Zero to Merge - Your first step towards Open-Source\\r\\n\\r\\n![CNCF LOGO](CNCF_Logo.jpg)\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## Introduction\\r\\n\\r\\nThis blog summarizes my experience with the Cloud Native Computing Foundation\'s first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by [Rohit Ghumare](https://github.com/rohitg00). If you are willing to register for the program, you can check out the link [here](https://project.linuxfoundation.org/cncf-zero-to-merge-application). CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals.\\r\\n\\r\\nThe CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week.\\r\\n\\r\\n## During the program\\r\\n\\r\\n**Week 1 Session 1**: The initial session of the program\'s first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community.\\r\\n\\r\\n**Week 1 Session 2:** During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation.\\r\\n\\r\\n**Week 2 Session 1:** In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR).\\r\\n\\r\\n**Week 2 Session 2:** The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter.\\r\\n\\r\\n**Week 3 Session 1:** In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers.\\r\\n\\r\\n**Week 3 Session 2**: This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had.\\r\\n\\r\\n**Week 4 Session 1:** The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials.\\r\\n\\r\\n**Week 4 Session 2:** The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees.\\r\\n\\r\\n## Key Takeaways from the Program\\r\\n\\r\\n![CNCF](cncf2.png)\\r\\n\\r\\nCNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time.\\r\\n\\r\\nHere\'s a summary of the process:\\r\\n\\r\\n**1. Find a Project:** Choose a CNCF incubating project that interests you and has welcoming maintainers.\\r\\n\\r\\n**2. Understand the Issue:** Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers.\\r\\n\\r\\n**3. Fork the Repository:** Create a fork of the project\'s repository on your GitHub account to work on your changes separately.\\r\\n\\r\\n**4. Make a Branch:** Create a new branch in your fork to isolate your work and make it easier to create a pull request later.\\r\\n\\r\\n**5. Make the Changes:** Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository.\\r\\n\\r\\n**6. Test Your Changes:** Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests.\\r\\n\\r\\n**7. Create a Pull Request:** Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback.\\r\\n\\r\\n**8. Iterate Based on Feedback:** Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically.\\r\\n\\r\\n**9. Merge:** Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project.\\r\\n\\r\\n**10. Celebrate:** Congratulations, you\'ve successfully made your first open-source contribution! You are now an official contributor to the project.\\r\\n\\r\\nThis program is a great way to get started with open source and can be very rewarding. It\'s important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nThis is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It\'s important to follow these steps carefully to ensure a smooth and successful contribution experience.\\r\\n\\r\\nThe CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project."},{"id":"web-crawling","metadata":{"permalink":"/blog/web-crawling","source":"@site/blog/2023-10-08-web-crawling/index.mdx","title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","description":"In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects.","date":"2023-10-08T00:00:00.000Z","formattedDate":"October 8, 2023","tags":[{"label":"web crawling","permalink":"/blog/tags/web-crawling"},{"label":"data extraction","permalink":"/blog/tags/data-extraction"},{"label":"automation","permalink":"/blog/tags/automation"}],"readingTime":5.105,"hasTruncateMarker":true,"authors":[{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"web-crawling","title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","authors":["mahima"],"tags":["web crawling","data extraction","automation"],"description":"In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects.","keywords":["web crawling","BeautifulSoup","scrapy","data extraction"]},"prevItem":{"title":"CNCF Zero to Merge - Your first step towards Open-Source","permalink":"/blog/CNCF-Zero-to-Merge"},"nextItem":{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"}},"content":"> _Web crawling, also known as web scraping, is the process of automatically extracting data from websites. \\r\\nIt allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. \\r\\nIn this blog, we\u2019ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects._\\r\\n\\r\\n<br />\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\nimport webcrawl from \\"./web_crawl.png\\"\\r\\nimport benefits from \\"./benefits.png\\"\\r\\nimport process from \\"./process.png\\"\\r\\n\\r\\n<figure>\\r\\n <img src={webcrawl} style={{border: \\"2px solid grey\\"}}/>\\r\\n</figure>\\r\\n\\r\\n## What if I told you that web crawling could come to your rescue even in unexpected work scenarios? \ud83e\udd14\\r\\n\\r\\nImagine you\u2019re on a relaxing weekend, enjoying your favorite Netflix series, when suddenly your boss calls with an urgent task.\\r\\n\\r\\nLet\u2019s say your boss needs a comprehensive analysis of competitors\u2019 pricing for an upcoming project. Manually collecting this data from various websites would be time-consuming and error-prone. \\r\\nHowever, with web crawling, you can **automate the data extraction process**, quickly gathering pricing information from multiple sources and generating a detailed report. \\r\\nNot only does this save you hours of manual work, but it also **ensures accuracy** and **provides valuable insights** for your boss.\\r\\n\\r\\nWeb crawling can be a game-changer in various work scenarios. Need to gather customer reviews for a product launch? \\r\\nWeb crawling can swiftly scrape reviews from e-commerce platforms, allowing you to analyze sentiment and make data-driven decisions. \\r\\nWant to monitor industry trends or track news updates? Web crawling can continuously fetch relevant information from news websites, keeping you up to date and enabling you to stay ahead of the competition.\\r\\n\\r\\n## Benefits \\r\\n\\r\\nLet\'s have a look at the various benefits of web crawling that have made it a popular concept for seamless integration within large-scale enterprises.\\r\\n\\r\\n<figure>\\r\\n <img src={benefits} style={{border: \\"2px solid black\\"}}/>\\r\\n <center><figcaption>Benefits of Web Crawling</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n## Process of Web Crawling\\r\\n\\r\\n<figure>\\r\\n <img src={process} style={{border: \\"2px solid black\\"}}/>\\r\\n <center><figcaption>Process of Web Crawling</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udca1 Discovery</b></summary>\\r\\n<div>\\r\\nIn the discovery stage, a web crawler starts by identifying set of seed URLs. These seed URLs are the starting points from which the crawler begins exploring the web. \\r\\nThey can be manually provided or generated programmatically. The crawler then extracts the links present on the web page of the seed URLs and adds them to a queue for further processing.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udd77\ufe0f Crawling</b></summary>\\r\\n<div>\\r\\nThe crawling stage involves visiting the URLs in the queue and retrieving the corresponding web pages. \\r\\nThe crawler sends HTTP requests to the web servers hosting the pages and receives HTTP responses in return. \\r\\nThe responses typically include HTML content, but they can also include other types of files such as images, CSS files, or JavaScript files. The crawler parses the HTML content to extract links and other relevant information for subsequent crawling.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\u26cf\ufe0f Fetching</b></summary>\\r\\n<div>\\r\\nDuring the fetching stage, the crawler retrieves the content of the web pages by downloading them from the web servers. \\r\\nThis process involves downloading the HTML and any associated files, such as images or scripts, required to render the page correctly. \\r\\nThe fetched content is then stored for further processing.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udcbb Rendering</b></summary>\\r\\n<div>\\r\\nRendering refers to the process of processing and executing JavaScript code present on web pages. Some web pages heavily rely on JavaScript to load and display content dynamically. \\r\\nModern web crawlers often include a rendering engine that can execute JavaScript code, allowing the crawler to handle pages that rely on client-side rendering.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udcd1 Indexing</b></summary>\\r\\n<div>\\r\\nOnce the web pages are fetched and rendered, the crawler can extract the desired data from the pages. This data can include text content, metadata, links, or any other relevant information. \\r\\nThe extracted data is typically processed and stored in an organized manner, such as in a database or an index, for further analysis or retrieval.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n\\r\\n:::info\\r\\nIt\u2019s important to note that web crawling is an iterative process. \\r\\nAs the crawler discovers new links during the crawling stage, it adds them to the queue for subsequent crawling, continuing the process of discovery, crawling, fetching, rendering, and indexing for a broader coverage of the web.\\r\\n:::\\r\\n\\r\\n## Getting Started with Web Crawling\\r\\n\\r\\n- **Identify Your Data Needs**: Determine the specific information you want to extract from websites. \\r\\nIt could be product details, contact information, news articles, or any other relevant data.\\r\\n\\r\\n- **Choose a Web Crawling Tool**: There are various web crawling frameworks and libraries available, such as BeautifulSoup and Scrapy in Python. \\r\\nSelect a tool that aligns with your programming language and project requirements.\\r\\n\\r\\n> _You can learn more about Python Scrapy [**here**](https://docs.scrapy.org/en/latest/intro/tutorial.html)_\\r\\n\\r\\n- **Understand the Website Structure**: Familiarize yourself with the target website\u2019s structure. Identify the HTML elements that contain the data you need, such as class names, IDs, or specific tags.\\r\\nSome key steps to follow here may include:\\r\\n 1. Inspect the web page\\r\\n\\r\\n 2. Explore the HTML Elements\\r\\n\\r\\n 3. Identify unique Identifiers\\r\\n\\r\\n```html\\r\\nExample: <div class=\\"product-name\\">\\r\\n```\\r\\n\\r\\n- **Write the Crawling Code**: Utilize your chosen web crawling tool to write code that navigates through the website, locates the desired data, and extracts it. \\r\\nThis involves sending HTTP requests, parsing HTML content, and selecting the relevant elements.\\r\\n\\r\\n- **Handle Website-Specific Challenges**: Some websites may implement anti-crawling measures like CAPTCHA or rate limiting. \\r\\nImplement strategies like rotating IP addresses or adding delays in your crawling code to handle such challenges.\\r\\n\\r\\n## Ethical Considerations\\r\\n\\r\\nWhile web crawling can be a powerful tool for data extraction, it\u2019s important to respect website owners\u2019 terms of service and adhere to ethical guidelines. Always ensure that your crawling activities are legal and ethical. \\r\\nBe mindful of any website-specific crawling policies and consider reaching out to website owners for permission when necessary.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nWeb crawling opens up a world of possibilities for data extraction and analysis. By automating the process of gathering data from websites, you can save time and collect valuable insights. Armed with the knowledge from this beginner\u2019s guide, you\u2019re ready to embark on your web crawling journey. \\r\\nRemember to stay ethical, explore different tools, and continue learning as you dive deeper into the exciting world of web crawling."},{"id":"intro-to-blockchain","metadata":{"permalink":"/blog/intro-to-blockchain","source":"@site/blog/2023-10-7-Blockchain/index.md","title":"Blockchain - Future of Tommorow","description":"Blockchain - Future of Tommorow","date":"2023-10-07T00:00:00.000Z","formattedDate":"October 7, 2023","tags":[{"label":"Blockchain","permalink":"/blog/tags/blockchain"},{"label":"Data","permalink":"/blog/tags/data"},{"label":"Software","permalink":"/blog/tags/software"},{"label":"Technology","permalink":"/blog/tags/technology"}],"readingTime":6.73,"hasTruncateMarker":true,"authors":[{"name":"Kashish Singh","title":"Technical Team Member [TSDW-TCET]","url":"https://github.com/kashish-51","image_url":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4","imageURL":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4"}],"frontMatter":{"slug":"intro-to-blockchain","title":"Blockchain - Future of Tommorow","authors":[{"name":"Kashish Singh","title":"Technical Team Member [TSDW-TCET]","url":"https://github.com/kashish-51","image_url":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4","imageURL":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4"}],"tags":["Blockchain","Data","Software","Technology"],"description":"Blockchain - Future of Tommorow","keywords":["Blockchain","Data","Software","Technology","Bitcoin"]},"prevItem":{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"},"nextItem":{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"}},"content":"> Ever wondered what blockchain is and how it looks? Let\'s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n<br />\\r\\n\\r\\n| ![Blockchain](BlockChain.jpg) |\\r\\n| :--: |\\r\\n| *Blockchain technology* |\\r\\n\\r\\n<br/>\\r\\n\\r\\n# *What is Blockchain* ? \\r\\n<br/>\\r\\n\\r\\nDistributed database and immutable ledger used for recording transactions, tracking assets and building trust is termed as blockchain.<br/>\\r\\nLet\u2019s take an example:<br/>\\r\\nImagine a blockchain as a super secure digital notebook for businesses. This notebook stores information in a special way. Instead of writing everything in one long list, it divides the information into blocks and connects them like a chain.\\r\\nWhat\'s cool about this digital notebook is that once something is written in it, you can\'t erase it or change it without everyone in the network agreeing. It\'s like having a magical pen that only writes the truth.\\r\\nSo, businesses use blockchain to keep an unchangeable record of things like orders, payments, and accounts. It\'s like a super reliable ledger that makes sure nobody sneaks in fake or unauthorized entries. Everybody in the network sees the same information, so there\'s no confusion.\\r\\n\\r\\n## *What does blocks of Blockchain consist of* ?\\r\\n<br/>\\r\\n\\r\\nBlocks are the place or container which stores all information of user like transaction data being one of many examples and once the data is stored in blocks it cannot be altered again.\\r\\n- Data : It is gives information about the user.\\r\\n- [**Hash**](https://www.geeksforgeeks.org/blockchain-hash-function/): A hash is a mathematical function that turns any kind of information into a secret code with a specific length. It\'s like a machine that takes in any size of data and spits out a code that\'s always the same size\\r\\n- Hash of previous block : Every consequent blocks are connected with the hash of previous block. So if any one alters the one block the whole chain will get disrupted and with this it is easy to track where the data alteration is performed.\\r\\n<br/><br/>\\r\\n\\r\\n| ![Blocks of Blockchain](Blocks-of-blockchain.png) |\\r\\n| :--: |\\r\\n| *Blocks of Blockchain* |\\r\\n\\r\\n## *Different types of Blockchain Technology* \\r\\n<br />\\r\\n\\r\\n<details>\\r\\n<summary><b>Public Blockchain </b></summary>\\r\\n<div>\\r\\nHere anyone and everyone can participate in the core activities of the blockchain network. In this network system problems like centralization, less security, and less transparency don\u2019t exist as it uses Distributed Ledger Technology( which means data is distributed across the network) . The very first example of this is Bitcoin. It enables everyone to perform transactions. Other examples of this include Litcoin and Ethereum. Use cases of public networks are in Document Validation and cryptocurrency.\\r\\n \\r\\n\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Private Blockchain </b></summary>\\r\\n<div>\\r\\nA private blockchain is like a special club for a group of people or organizations. In this club, only those who are invited can join and participate. It\'s not open to the public, like the internet. Just like a public network it also stores data in a decentralised manner. As they are limited in their size, the transaction takes place very fast.\\r\\n\\"You can think of private blockchains as being the intranet, while the public blockchains are more like the internet,\\" Godefroy said.\\r\\nUse cases of this are supply chain, internal voting, and asset ownership.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Hybrid Blockchain </b></summary>\\r\\n<div>\\r\\nIn simpler words, a hybrid network is a combination of both private and public networks. Companies like real estate which want to keep some of their data private and need to show some information to the public like listings, use this type of network. According to Godfroy medical records can also be stored on this blockchain network where users can access their data without any third-party interruption.\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Consortium Blockchain </b></summary>\\r\\n<div>\\r\\n A consortium blockchain, also called a federated\\r\\nblockchain, combines features of both private and public blockchains. It\'s like\\r\\na mix of the two. In this type of blockchain, several organizations work\\r\\ntogether on a shared network, and not just one entity has control, reducing the\\r\\nrisks. It is more like a team effort instead of just one person or organization being in charge. Use cases for this network are Banking and payment.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n## *Why Blockchain is becoming integral part of our life* ? \\r\\n<br/>\\r\\n\\r\\nBlockchain technology has become a buzzword in recent times. Companies, institutions, and various transactions are rapidly adopting blockchain technology. Its popularity extends beyond cryptocurrencies like Bitcoin, and following are the important reasons why blockchain is gaining prominence:<br/><br/>\\r\\n\\r\\n 1) <b>Decentalization</b><br/>\\r\\nTraditionally, we relied on centralized authorities like banks and governments for our transactions and record-keeping. Additionally, the risks of data tampering and alteration were more significant than one could imagine. To address these issues, blockchain has emerged as a solution. At its core, blockchain embodies the concept of decentralization, which means data is not stored in one central location or controlled by a single organization. Instead, it enables the distribution of control and verification across a network of participants.\\r\\n\\r\\n2) <b>Smart Contracts</b><br/>\\r\\n[**Smart Contracts**](https://www.ibm.com/topics/smart-contracts#:~:text=Next%20Steps-,Smart%20contracts%20defined,intermediary\'s%20involvement%20or%20time%20loss.), residing on blockchain technology, execute automatically when predefined conditions are satisfied, eliminating the need for intermediaries such as banks or attorneys. Parties encode contract terms, ensuring immediate execution upon meeting conditions, reducing costs, and optimizing efficiency.\\r\\n\\r\\n3) <b> Transparency and Security</b><br/>\\r\\nBlockchain technology provides a transparent system where all activities are visible to the public. Since blockchain is a decentralized and distributed ledger, all transactions on the internet are accessible to all network participants. Blockchain achieves transparency through the use of encryption methods for secure and unchangeable record-keeping. Blockchain security results from a combination of distributed consensus and cryptographic techniques.\\r\\n\\r\\n4) <b>Intellectual Property (IP)</b><br/>\\r\\nIntellectual property (IP) in blockchain involves ownership of digital assets, patents for blockchain innovations, smart contracts for IP agreements, and open-source licensing. Few methods with which blockchain technology make use of IP is: Patent, Copyrights,Trademarks and Trade secrets.\\r\\n\\r\\n## *Applications of Blockchain* \\r\\n<br/>\\r\\n\\r\\nToday, we cannot imagine our lives without the internet. It has become an integral part of our daily routines. Almost everything we do happens through the internet, and in some ways, we are highly dependent on it. Due to the sudden rise in the popularity of blockchain in the previous decade, it is estimated that, like the internet, blockchain will also become an integral part of our lives. It\'s applicatiion ranges from transaction, healthcare, cryptocurrency, [**bitcoin**](https://www.geeksforgeeks.org/what-is-bitcoin/), IoT and what not. The part of the tech industry that deals with online data and services is about to go through a big and important change because of blockchain technology.\\r\\n<br/><br/>\\r\\n\\r\\n| ![Applications of Blockchain](Blockchain-Applications.webp) |\\r\\n| :--: |\\r\\n| *Applications of Blockchain* |\\r\\n\\r\\n## *Let us have a look at some drawbacks of Blockchain technology*\\r\\n<br/>\\r\\n\\r\\n- The implementation cost of blockchain is very high. For a small company, it becomes difficult to shift to blockchain technology because they need to hire a skilled blockchain developer, and in addition to this, infrastructure costs will also be incurred, which require a significant amount of funding.\\r\\n- The continuous operation of mining, minting, and transaction validation demands powerful systems that run non-stop. Beyond substantial investments, these activities consume significant amounts of energy, resulting in potentially severe environmental repercussions.\\r\\nTo address the negative environmental impact, China has taken the step of banning blockchain mining in the Inner Mongolia region.\\r\\n- In the context of blockchain networks like Bitcoin, a 51% attack occurs when a single entity or group of entities controls more than 50% of the network\'s mining or computational power. This level of control can potentially allow them to manipulate transactions and disrupt the normal functioning of the network.\\r\\n\\r\\n## *Conclusion*\\r\\n<br/>\\r\\n\\r\\nIn conclusion, blockchain\'s decentralization, smart contracts, and transparency offer transformative solutions across industries. Despite high implementation costs and environmental concerns, its impact is undeniable. Just as the internet integrated into daily life, blockchain is poised to shape the future of transactions and data management, promising an exciting path in technology and business."},{"id":"linux-basics","metadata":{"permalink":"/blog/linux-basics","source":"@site/blog/2023-10-06-linux-cli/index.mdx","title":"Basics of GNU/Linux","description":"In this blog, you will understand the basic concept of the linux kernel and it\'s ecosystem in system softwares.","date":"2023-10-06T00:00:00.000Z","formattedDate":"October 6, 2023","tags":[{"label":"linux","permalink":"/blog/tags/linux"},{"label":"cli","permalink":"/blog/tags/cli"},{"label":"terminal","permalink":"/blog/tags/terminal"},{"label":"tui","permalink":"/blog/tags/tui"}],"readingTime":13.635,"hasTruncateMarker":true,"authors":[{"name":"Gaurang Vishwakarma","title":"Creator of TCET Open Source","url":"https://github.com/demonkillerr","imageURL":"https://github.com/demonkillerr.png","key":"gaurang"},{"name":"Saasha Gupta","title":"Docs Team Member","url":"https://github.com/saashaspace","imageURL":"https://github.com/saashaspace.png","key":"saasha"}],"frontMatter":{"slug":"linux-basics","title":"Basics of GNU/Linux","authors":["gaurang","saasha"],"tags":["linux","cli","terminal","tui"],"description":"In this blog, you will understand the basic concept of the linux kernel and it\'s ecosystem in system softwares.","keywords":["linux","cli","terminal","tui","opensource"]},"prevItem":{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"},"nextItem":{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"}},"content":"Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. \\r\\n\\r\\nSo, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world. \\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## The world of operating systems\\r\\nMost modern opearting systems can be grouped into two categories:\\r\\n- Microsoft NT descendants like Windows XP to Windows 11, Xbox OS, Windows Phone\\r\\n- Unix based (Mostly everything apart from Windows)\\r\\n\\r\\n### Why UNIX based?\\r\\nWell, the answer is simple. Most of unix-based operating systems are free to use or modify, and hence are widely adopted. UNIX itself has died today, however, it\'s clones and descendants are still alive. Some of these operating systems are direct clones of the UNIX source code, while some such as Linux are UNIX-like. Errr.. so unix-based, unix-like, what are all these?\\r\\n\\r\\nDon\'t worry, I will cover this in the next section. What\'s important in this section is you understand the fact almost everything that is not based on Microsoft NT is a direct or indirect descendant of UNIX. Some examples of operating systems that are descendants of UNIX are:\\r\\n1. Linux and it\'s derivative distributions\\r\\n2. Mac OS X\\r\\n3. BSD \\r\\n4. ChromeOS \\r\\n5. Android\\r\\n6. PS4 OS\\r\\n\\r\\nWhy is this important? Because all of these operating systems here share a plethora of common core functionailty. To put it simply, most of their internals and most of their functions are same, if not, similar. For example, all of these operating systems have the same basic commands.\\r\\n\\r\\n## History of operating systems\\r\\nSince most of the operating systems today can trace their lineage to UNIX, it is important to atleast have a brief idea of what UNIX is, even though the original versions of UNIX no longer survive. Understanding the history will also help you understand why UNIX-based commands do not work on something like Windows.\\r\\n\\r\\n### What is UNIX?\\r\\nUNIX was an operating system, developed at Bell labs in mid 1960s. Many of their innovations and design choices of the original UNIX team have lived up to 60+ years, well into the 2020s. These design choices include the idea of a multiuser operating system and a hierarchical filesystem.\\r\\n\\r\\nUNIX truely is the grandfather of all modern operating systems. All of these features that were built into different versions of the original UNIX operating system still exist in operating systems like Mac OS, Android, linux distributions and basically every thing that can trace their lineage back to UNIX.\\r\\n\\r\\nSince Microsoft operating systems cannot trace back their lineage to UNIX, all UNIX features do not work on windows. The commands that you can run colloquially on both MacOS and Linux, do not exist natively on Windows. Windows has it\'s own commands, and it\'s own way of doing things.\\r\\n\\r\\n![](history.png)\\r\\n<p align=\\"center\\"><b>FIG 1:</b> UNIX\'s descendants</p>\\r\\n\\r\\n\\r\\n### Closed Source, Mixed Source, and Open Source\\r\\nIn the diagram in the above section, you can see a legend in the top right that annotates the color codes given in the diagram. These are:\\r\\n- <b>Closed Source</b> (denoted by Red): These were descendants of UNIX that were further developed by companies like Sun Microsystem, HP, etc. The source code of these developements of UNIX were strictly guarded. The code itself was kept a secret from the public and the clients did not have the permission to change or alter the source code in anyway. Each company had their own non-permissive license.\\r\\n- <b>Mixed Source</b> (denoted by Yellow): These were the descendants of UNIX that were further developed by colleges like Univesity of California, Berkeley, and many others. Berkeley was influential as they had released a mixed source code license (also known as BSD license), that would allow sharing and modification of the source code, with other colleges and companies, for educational or other purposes. \\r\\n- <b>Open Source</b> (denoted by Green): These were descendants of UNIX whose developement was done in public as their source code was made freely available for everyone to view, modify, and use. The license that governed open source software were early versions of the GNU public license(GPL). The GPL from the early days has been a really permissive license as it allowed inspection and modification of the source code as per requirement.\\r\\n\\r\\nLicensing was the key differentiator in all of these descendants of UNIX, as they governed what could be done with the operating system. Companies have to make a profit, and colleges have to follow certain rules, hence we can understand why the first two cases wanted to safeguard their code behind non-permissive licenses. But why did the third case not want to protect their code?\\r\\n\\r\\nThe answer is, as mentioned in the above two scenarios, software was a commodity that had to be purchased. The closed source versions were to be bought by clients. (Just like you buy a windows license). These were expensive to do so and also there were limited innovations in the software, like only in the company who built it or the college where it was developed. Hence, the Free Software Foundation was formed in the late 80s to solve this issue, and that is why they had created the GPL.\\r\\n\\r\\n### Free Software Foundation (FSF)\\r\\nThe free software foundation was built as a part of the free software movement in response to proprietary and restricted software. Free is not equal to free in terms of money. Free as FREEDOM. That was FSF\'s motto.\\r\\n\\r\\nThe movement\'s philosophy is that computers and software should not prevent cooperation between users, and instead should have the goal of liberating everyone in the cyberspace. This will encourage innovation in software. \\r\\n\\r\\nAccording to the movement\'s leader <b>Richard Stallman</b>:\\r\\n> Users should have the freedom to run, copy, distribute, study, change, and improve software.\\r\\n\\r\\nThis was a visionary statement as open source software allowed ground-breaking innovations in the software industry and today, most of the software we use, have some kind of free software in them, either completly or in parts.\\r\\n\\r\\n### What is GNU/Linux?\\r\\nRichard Stallman was the leader of a group of developers who wanted to create an open source version of the UNIX operating systems. Remember, most of the UNIX descendants like System V or BSD were closed source or mixed source? The open source operating system needed to have everything that normally came with UNIX. The components had to be FREE, as stated in the previous section.\\r\\n\\r\\nIn 1984, they began working on the GNU project (GNU stands for GNU\'s not UNIX). Creating an operating systems however is a daunting task, even for the most experienced developers. Luckily for him, at the same time, a student in the University of Helsinki, Linus Torvalds was working on his operating system kernel, called Linux. \\r\\n\\r\\nIn any operating system, the <b>kernel</b> is the most important and critical component. The kernel facilitates the interaction of the the hardware and other system software. At that time, while most parts of the GNU project were complete (including gcc - compiler, open source implementations of all unix-commands, etc), the project lacked a kernel. Linus Torvalds combined his Linux kernel with the rest of the components of the GNU ecosystem, to create a full operating system. This was known as <b>GNU/Linux</b>.\\r\\n\\r\\n![](kernel.png)\\r\\n<p align=\\"center\\"><b>FIG 2:</b> Kernel in operating system</p>\\r\\n\\r\\n#### Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.\\r\\n\\r\\n### Difference between unix-based vs unix-like\\r\\nIn FIG 1, you can see that many of the closed and mixed source operating systems are directly linked to the original UNIX. This is because the companies and colleges that wanted to develop their own versions of UNIX paid a royalty to Bell Labs to acquire UNIX. This might sound contradictary to their own non-permissive licenses. However Bell labs decided that they did not want to be in the operating systems buisness, and instead wanted to focus on telecommunication and phone buisness. Hence they happily sold off their versions of UNIX. Since these companies directly got their versions of UNIX from Bell labs, their descendant operating systems were called <b>unix-like</b>. \\r\\n\\r\\nThere are a bit of legal reasons too that I will not cover in the blog as it is out of scope for our discussion, but to put it in simple terms, there was a foundation formed by a few of these companies called <b>The Open Group</b>, and they defined the UNIX standard according to their developements of UNIX. In FIG 1, you can see that most of the operating systems do not have a direct connection to UNIX. This is because even though they are based on the original UNIX and are compatible with the UNIX standards, they have not been certified by The Open Group. This is often due to financial considerations, as open source projects do not have a definite source of income. Hence these operating systems are called <b>Unix-like</b>. It is basically a matter of certification by The Open Group, simply put.\\r\\n\\r\\n## Linux Distributions\\r\\nYou know that Linux is actually an operating system kernel and not an entire operating system in itself. When people talk about a linux based operating system, they are actually referring to Linux Distributions (often shorten to linux distro). Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc.\\r\\nDid you know that Linux is actually an operating system kernel and not an entire operating system in itself? When people talk about a linux based operating system, they are actually referring to Linux Distributions. Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc.\\r\\n\\r\\n### Types of Linux Distributions\\r\\nWhile there are hundreds of linux distributions, most of them are based on a few original ones. These are:\\r\\n- Arch Linux\\r\\n- Debian Linux\\r\\n- Red Hat Linux\\r\\n- Slackware\\r\\n- Gentoo\\r\\n- NixOS\\r\\n- Void Linux\\r\\n\\r\\nThe key difference between these distributions are usually their package managers. However, different distributions may choose to ship different types of components. Let\'s look at them in brief:\\r\\n\\r\\n| Distribution | Package Manager | init system | \\r\\n| ------------ | --------------- | ----------- |\\r\\n| Arch Linux | pacman | systemd |\\r\\n| Debian | apt or dpkg | systemd |\\r\\n| Red Hat | dnf or yum | systemd |\\r\\n| Slackware | slackpkg | bsd-style |\\r\\n| Gentoo | portage | openrc |\\r\\n| NixOS | nix | systemd |\\r\\n| Void Linux | xbps | runit |\\r\\n\\r\\nThese distributions are often called parent distributions as many other distributions are derived from them. Derivatives retain the package manager of the parent distributions while shipping different components. For example - a different shell, a different filesystem, etc.\\r\\n\\r\\n#### Well known derivative distributions\\r\\n- <b>Arch based</b>: Manjaro, EndeavourOS, Garuda Linux\\r\\n- <b>Debian based</b>: Ubuntu, Linux Mint, ElementaryOS\\r\\n- <b>Red Hat Based</b>: Fedora, CentOS, RockyLinux\\r\\n- <b>Gentoo based:</b> RedstarOS, Funtoo\\r\\n\\r\\n### Core Components of a distribution\\r\\nAs we have discussed, a linux distro comes with the linux kernel, a shell, a filesystem, a bunch of GNU tools, and other system software. Let us discuss in brief what each of these components do, and how they help the operating system function.\\r\\n\\r\\n#### Kernel\\r\\nThe kernel is a computer program at the core of a computer\'s operating system and generally has complete control over everything in the system. It is the portion of the operating system code that is always resident in memory and facilitates interactions between hardware and software components.\\r\\n\\r\\n#### Init System\\r\\nInit system (short of for <i>initialization</i>), is the first process started during booting of the operating system. Init is a daemon process that continues running until the system is shut down. It is the direct or indirect ancestor of all other processes and automatically adopts all orphaned processes. Init is started by the kernel during the booting process. The process ID of init system is <b>PID 1</b>. \\r\\n\\r\\nThe init system with the help of the kernel initialises all hardware on the computer. The init scripts are launched by the init process to guarantee basic functionality on system start and shutdown. This includes (un)mounting of file systems and launching of daemons (background services).\\r\\n\\r\\n#### Filesystem\\r\\nA file system or filesystem controls how data is stored and retrieved. Without a file system, information placed in a storage medium would be one large body of data with no way to tell where one piece of information stops and the next begins. By separating the data into pieces and giving each piece a name, the information is easily isolated and identified. Taking its name from the way paper-based information systems are named, each group of data is called a \\"file\\". The structure and logic rules used to manage the groups of information and their names is called a \\"file system\\".\\r\\n\\r\\n#### The shell\\r\\nFrom Wikipedia: \\r\\n>A Unix shell is a command-line interpreter or shell that provides a traditional user interface for the Unix operating system and for Unix-like systems. Users direct the operation of the computer by entering commands as text for a command line interpreter to execute or by creating text scripts of one or more such commands.\\r\\n\\r\\nA shell is a computer interface to an operating system. It exposes the operating systems\' services (init system for example) to human users. The shell takes our commands, and gives them to the operating system to perform. It is called a shell because it is an outer protective layer around the operating system.\\r\\n\\r\\n#### GNU tools\\r\\nThese are important tools that are present in some or other form since the UNIX days. The GNU toolchain is a broad collection of programming tools produced by the GNU Project. These tools form a toolchain (a suite of tools used in a serial manner) used for developing software applications and operating systems. \\r\\n\\r\\n#### Package manager\\r\\nFrom Wikipedia:\\r\\n> A package manager or package-management system is a collection of software tools that automates the process of installing, upgrading, configuring, and removing computer programs for a computer in a consistent manner.\\r\\n\\r\\nA package manager deals with packages, distributions of software and data in archive files. Packages contain metadata, such as the software\'s name, description of its purpose, version number, vendor, checksum (preferably a cryptographic hash function), and a list of dependencies necessary for the software to run properly. Upon installation, metadata is stored in a local package database. Package managers typically maintain a database of software dependencies and version information to prevent software mismatches and missing prerequisites. They work closely with software repositories, binary repository managers, and app stores. \\r\\n\\r\\n#### Desktop Enviroment \\r\\nA desktop environment bundles together a variety of components to provide common graphical user interface elements such as icons, toolbars, wallpapers, and desktop widgets. Additionally, most desktop environments include a set of integrated applications and utilities. Most importantly, desktop environments provide their own window manager, which can however usually be replaced with another compatible one.\\r\\n\\r\\nThe user is free to configure their GUI environment in any number of ways. Desktop environments simply provide a complete and convenient means of accomplishing this task.\\r\\n\\r\\n## What\'s Next?\\r\\nAfter reading this blog, you must have gotten the basic understanding of what GNU/Linux is, what linux itself is, and what a linux distribution is, and what it does. Moving on from here, you can dive deep and understand in depth how each component decsribed in the blog post work. For example, how does a typical linux file system look like. The world of operating systems is vast, and only so much can be covered in one blog post. \\r\\nKeep asking questions, and keep reading!"},{"id":"blog-posting-guidelines","metadata":{"permalink":"/blog/blog-posting-guidelines","source":"@site/blog/2023-10-01-blog-guidlines/index.mdx","title":"General Posting Guidelines","description":"General Posting Guidelines","date":"2023-10-01T00:00:00.000Z","formattedDate":"October 1, 2023","tags":[{"label":"free","permalink":"/blog/tags/free"},{"label":"open","permalink":"/blog/tags/open"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":4.855,"hasTruncateMarker":true,"authors":[{"name":"Gaurang Vishwakarma","title":"Creator of TCET Open Source","url":"https://github.com/demonkillerr","imageURL":"https://github.com/demonkillerr.png","key":"gaurang"},{"name":"Vishal Rawat","title":"Co-creator & Chief Technical Officer of TCET Open Source","url":"https://github.com/vish-rt","imageURL":"https://github.com/vish-rt.png","key":"vishal"}],"frontMatter":{"slug":"blog-posting-guidelines","title":"General Posting Guidelines","authors":["gaurang","vishal"],"tags":["free","open","source","software"],"description":"General Posting Guidelines","keywords":["free","open","source","software"]},"prevItem":{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"},"nextItem":{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"}},"content":"## Welcome to our first blog\\r\\n\\r\\nWelcome everyone to TCET Open Source\'s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.\\r\\n\\r\\n:::note\\r\\n\\r\\nThis particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.\\r\\n\\r\\n:::\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## General Blog Guidlines\\r\\n\\r\\nHere we define all the basic guidlines a blog should follow in TCET Open Source Blogs.\\r\\n\\r\\n### Clone the project\\r\\n\\r\\nFor being able to contribute anywhere, one must be able to clone and run projects. You can visit this [tutorial](https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started) to learn how to work on this project.\\r\\n\\r\\n### Basic GitHub commands\\r\\n\\r\\nFor any contributor it is very necessary to understand basic GitHub commands to begin with. There is a _resources forum_ on **TCET - Open Source Discord server** where you can find relevant references for the same. There can also be a blog post regarding these commands in the future!\\r\\n\\r\\n### Understand file structure\\r\\n\\r\\nOnce you have cloned the project in your local storage, you will need to perform the following:\\r\\n\\r\\n1. Open the project directory and navigate to `blog/`.\\r\\n2. Create a folder for your blog post.\\r\\n* The folder should have the following name format:\\r\\n```sh\\r\\nyyyy-mm-dd-blog-title\\r\\n```\\r\\n* Here, the date stands for the date when the post is supposed to be released. The blog title should be relevant to the content within the post.\\r\\n3. Within the folder, create `index.mdx`. This file will serve as a text document where you can format your content which will reflect in the final post.\\r\\n\\r\\n### Understand markdown files and syntax\\r\\n\\r\\nMarkdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. The `index.mdx` file created in your blog folder is a markdown file, similar to how _index.html_ can be an HTML file. It is very essential for a blog contributor to understand the basic syntax of markdown. _Resource forum_ in our **[Discord server](https://discord.com/invite/r7ZhAREg2M)** covers basic syntax of these files.\\r\\n\\r\\n### First steps\\r\\n\\r\\nBefore moving any further, a blogger must know the following:\\r\\n\\r\\n> - `slug` - It is the last part of the URL address that serves as a unique identifier of the blog post.\\r\\n> - `title` - The main title of the blog post. Note that the blog title should be relevant to the content within the post.\\r\\n> - `authors` - The list of authors who have worked on the blog post. Look below to understand how to add authors.\\r\\n> - `tags` - It highlights the key words of the post to boost it\'s visibility on the internet and improve the SEO.\\r\\n\\r\\nThese four information are necessary to be present in every post. Without these, no posts will be approved and merged within the blog.\\r\\n\\r\\n\\r\\n:::info Mention Authors\\r\\n\\r\\nAuthors can be added in two ways.\\r\\n- Internally in `index.mdx` (recommended, for outside organization contributors)\\r\\n- In the `authors.yml` file. (**TCET Open Source Members only**)\\r\\n\\r\\nIf you are not a member of the organization, you can simply append your author(s) in the following way:\\r\\n\\r\\n```mdx\\r\\nauthors:\\r\\n - name: Name of Author 1\\r\\n title: Designation, Post or About\\r\\n url: https://github.com/author1\\r\\n image_url: https://github.com/author1.png\\r\\n - name: Name of Author 2\\r\\n title: Designation, Post or About\\r\\n url: https://github.com/author1\\r\\n image_url: https://github.com/author2.png\\r\\n```\\r\\n#### Important things to take note of:\\r\\n- `url:` can also be an authors\' personal website or portfolio.\\r\\n- `image_url:` requires a user to have a profile pic on their Github Account. We recommend to append a Github Profile Icon.\\r\\n\\r\\n\\r\\n\\r\\n:::\\r\\n\\r\\n### Adding images\\r\\n\\r\\nTired of good ol\' _textbook nerdy_ look on your post? Introducing: **images**. Images are a great way to keep the reader\'s attention to your posts, and now you can do that very easily:\\r\\n1. The image must be present within your blog folder. If it isn\'t, save the image in your blog folder.\\r\\n2. To add the image within your post, use the following syntax:\\r\\n```mdx\\r\\n![Alt text](image.png)\\r\\n```\\r\\n* Here, `image.png` stands for the name of the image you have in the blog directory. Markdown supports a great amount of image formats, ranging from png, jpg, svg, and even gifs.\\r\\n\\r\\n:::note WONDERING\\r\\nIs gif pronounced _gif_ or _jif_? Something to ponder upon.\\r\\n:::\\r\\n\\r\\n### Utilizing truncate\\r\\n\\r\\nMany bloggers have many different ways to write their blogs. Many start off with a nice paragraph, some start off with images, and some do both! All blogging practices are welcome in the Organization. However it is important to **truncate**.\\r\\n\\r\\nTruncate is a custom breakpoint introduced in the blog to identify how much part of the blog should be visible in the feed. It cuts off the rest of the blog which can be read further by opening the blog itself. Here\'s a good example of how to use it:\\r\\n\\r\\n:::info This is a blogpost\\r\\n```mdx\\r\\nHello and welcome to my blogpost.\\r\\nToday we will be covering everything you can imagine! \\r\\nJAM Stack, Web3, ML, Data Science, my favourite food, Cybersecurity, and much more. \\r\\nSounds like a hefty lot, and it would be embarassing to flood out the entire blogs feed. \\r\\nThis might be a decent place to cut the rest of the blog out!\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\nHere\'s where the rest of the blog content goes\\r\\n```\\r\\n:::\\r\\n\\r\\nHence in the output, only the above paragraph is visible on the feed. The rest of the blog would be visible once the viewer opens your blog.\\r\\n\\r\\n### Congratulations\\r\\n\\r\\nFollowing these steps and points, you will be able to create a beautiful blog post. It\'s final structure would look something like this:\\r\\n\\r\\n![Alt text](structure.png)\\r\\n\\r\\n_With a fresh blog post ready, you can now finally create a pull request to reflect your post on our blog here!_\\r\\n\\r\\nLooking forward to new content from you all. Have fun and go contribute something great!"},{"id":"Cloud-gaming","metadata":{"permalink":"/blog/Cloud-gaming","source":"@site/blog/2023-10-1-cloudgaming/index.md","title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","description":"Hey there, fellow gamers! Today, we\'re diving into the fascinating world of cloud gaming, a technology that\'s changing the way we play and enjoy our favorite titles. In this article, we\'ll break down the concept of cloud gaming, its evolution, and its promising future.","date":"2023-10-01T00:00:00.000Z","formattedDate":"October 1, 2023","tags":[{"label":"cloud","permalink":"/blog/tags/cloud"},{"label":"gaming","permalink":"/blog/tags/gaming"},{"label":"cyberpunk","permalink":"/blog/tags/cyberpunk"},{"label":"nvidia","permalink":"/blog/tags/nvidia"}],"readingTime":4.08,"hasTruncateMarker":false,"authors":[{"name":"Om Hinge","title":"Cloud Enthusiast & Gamer","url":"https://github.com/Aisu2635","image_url":"https://github.com/Aisu2635.png","imageURL":"https://github.com/Aisu2635.png"}],"frontMatter":{"slug":"Cloud-gaming","title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","authors":[{"name":"Om Hinge","title":"Cloud Enthusiast & Gamer","url":"https://github.com/Aisu2635","image_url":"https://github.com/Aisu2635.png","imageURL":"https://github.com/Aisu2635.png"}],"tags":["cloud","gaming","cyberpunk","nvidia"]},"prevItem":{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"},"nextItem":{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"}},"content":"Hey there, fellow gamers! Today, we\'re diving into the fascinating world of **cloud gaming**, a technology that\'s changing the way we play and enjoy our favorite titles. In this article, we\'ll break down the concept of cloud gaming, its evolution, and its promising future.\\r\\n\\r\\n## Introduction to Cloud Gaming\\r\\n\\r\\nImagine playing high-quality video games without the *need* for expensive gaming hardware or the hassle of *downloading and installing massive game files*. That\'s the magic of cloud gaming! It\'s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.\\r\\n\\r\\nMost modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty\'s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you\'d need a high-end PC or gaming console. But what if there was a more affordable alternative?\\r\\n\\r\\n![Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile](image.png)\\r\\n\\r\\n## How Cloud Gaming Works\\r\\n\\r\\n![Cloud Gaming flow](image2.png)\\r\\n\\r\\nCloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they\'re hosted and processed on powerful remote servers in data centers. Here\'s how it works in a nutshell:\\r\\n\\r\\n+ **Remote Servers**: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.\\r\\n\\r\\n+ **Streaming Gameplay**: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.\\r\\n\\r\\n+ **Input Control**: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.\\r\\n\\r\\nWhile cloud gaming offers incredible convenience, it\'s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.\\r\\n\\r\\n*Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.*\\r\\n\\r\\n## The History and Future of Cloud Gaming\\r\\n\\r\\nIn the past, cloud gaming faced numerous challenges, including network issues. Google\'s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.\\r\\n\\r\\nHowever, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.\\r\\n\\r\\nThe primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.\\r\\n\\r\\nWe can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users.\\r\\nGoogle is developing & testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.\\r\\n\\r\\n![cloud quantum computing](image3.png)\\r\\n## Advantages and Drawbacks of Cloud Gaming\\r\\n\\r\\nCloud gaming offers several advantages, including:\\r\\n\\r\\n- **Universal Platform**: You can play games on any device with an internet connection, from consoles to smartphones.\\r\\n\\r\\n- **Cost-Efficiency**: No need for expensive hardware, as the processing is done on remote servers.\\r\\n\\r\\n- **Portability**: Play on the go without worrying about installation and setup.\\r\\n\\r\\nHowever, it\'s not without its drawbacks:\\r\\n\\r\\n- **Internet Dependency**: A stable internet connection is crucial for a smooth experience.\\r\\n\\r\\n- **Input Lag**: Some games may suffer from input delay due to server processing.\\r\\n\\r\\n- **Limited Awareness**: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.\\r\\n\\r\\n## Current Status of Cloud Gaming\\r\\n\\r\\nSeveral cloud gaming services are making waves in the industry:\\r\\n\\r\\n- [x] **Nvidia GeForce Now**: This service is known for its low system requirements, compatibility with various devices, and a free trial period.\\r\\n- [x] **XBox Game Cloud**: Known for Various game titles for free to play in the subscription of Game Pass.\\r\\n- [x] **JioGames Cloud**: Building the Cloud gaming culture & infrastructure in India at a reasonable rate.\\r\\n\\r\\n## Is Cloud Gaming Worth It?\\r\\n\\r\\nWhile cloud gaming shows immense potential, it\'s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.\\r\\n\\r\\nIn conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.\\r\\n\\r\\n## References:\\r\\n\\r\\n- [Nvidia GeForce Now](https://www.nvidia.com/en-us/geforce-now/)\\r\\n- [PlayStation Now](https://en.wikipedia.org/wiki/PlayStation_Now)\\r\\n- ~Google Stadia~ (closed right now)"},{"id":"tmai-june-2023","metadata":{"permalink":"/blog/tmai-june-2023","source":"@site/blog/2023-06-30-tmai-june-23/index.md","title":"This Month in AI - June 2023","description":"Latest News & Breakthroughs in the Month of Kuly 2023 in AI/ML/DS.","date":"2023-06-30T00:00:00.000Z","formattedDate":"June 30, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":3.55,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-june-2023","title":"This Month in AI - June 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of Kuly 2023 in AI/ML/DS.","keywords":["PaLM2","ai","draggan","google","speech","virtual","auido-palm","tmai","music-ai"]},"prevItem":{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"},"nextItem":{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"}},"content":"![A robotic hand touching a speck of light](tmai-june23-poster.png)\\r\\n\\r\\n\\r\\n## Code Optimization Revolutionized: Google DeepMind\'s AI Unleashes New Speed-Boosting Technique. [^1]\\r\\n\\r\\nDeepMind\'s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind\'s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.\\r\\n\\r\\n## Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. [^2]\\r\\n\\r\\n![Example of Virtual Try of Clothes with AI](virtual-try.png)\\r\\n\\r\\nGoogle Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user\'s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.\\r\\n\\r\\n## Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. [^3]\\r\\n\\r\\nInk AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI\'s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.\\r\\n\\r\\n## Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. [^4]\\r\\n\\r\\nMeta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. \\r\\n\\r\\nIt considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.\\r\\n\\r\\n\\r\\n## Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. [^5]\\r\\n\\r\\n![Example of DragGAN to change perspective of Lion and more](draggan.jpeg)\\r\\n\\r\\nDraggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.\\r\\n\\r\\n\\r\\n## MIT Introduces New Model for Accelerated Drug Discovery. [^6]\\r\\n\\r\\nMIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. \\r\\n\\r\\nThe model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.\\r\\n\\r\\n## Google Introduces AudioPalm: Bridging the Gap between Text and Voice. [^7]\\r\\n\\r\\n![Brief Architecture of AudioPaLM](audiopalm.png)\\r\\n\\r\\nGoogle has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. \\r\\n\\r\\nThe technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google\'s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.\\r\\n\\r\\n\\r\\n[^1]: [https://www.deepmind.com/research/highlighted-research/alphago](https://www.deepmind.com/research/highlighted-research/alphago)\\r\\n\\r\\n[^2]: [https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/](https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/)\\r\\n\\r\\n[^3]: [https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily](https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily)\\r\\n\\r\\n[^4]: [https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/](https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/)\\r\\n\\r\\n[^5]: [https://analyticsindiamag.com/draggan-is-finally-open-source/](https://analyticsindiamag.com/draggan-is-finally-open-source/)\\r\\n\\r\\n[^6]: [https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608](https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608)\\r\\n\\r\\n[^7]: [https://google-research.github.io/seanet/audiopalm/examples/](https://google-research.github.io/seanet/audiopalm/examples/)"},{"id":"introduction-to-api","metadata":{"permalink":"/blog/introduction-to-api","source":"@site/blog/2023-06-10-introduction-to-api/index.mdx","title":"Introduction to APIs: Unlocking the Power of Integration","description":"An Introduction to APIs: Unlocking the Power of Integration","date":"2023-06-10T00:00:00.000Z","formattedDate":"June 10, 2023","tags":[{"label":"api","permalink":"/blog/tags/api"},{"label":"integration","permalink":"/blog/tags/integration"},{"label":"software","permalink":"/blog/tags/software"},{"label":"authentication","permalink":"/blog/tags/authentication"}],"readingTime":3.98,"hasTruncateMarker":true,"authors":[{"name":"Himanshu Agarwal","title":"CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst","url":"https://github.com/himanshu-03","imageURL":"https://github.com/himanshu-03.png","key":"himanshu"}],"frontMatter":{"slug":"introduction-to-api","title":"Introduction to APIs: Unlocking the Power of Integration","authors":["himanshu"],"tags":["api","integration","software","authentication"],"description":"An Introduction to APIs: Unlocking the Power of Integration","keywords":["api","integration"]},"prevItem":{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"},"nextItem":{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"}},"content":"import Tabs from \'@theme/Tabs\';\\r\\nimport TabItem from \'@theme/TabItem\'\\r\\nimport styles from \'/src/components/HomepageFeatures/styles.module.css\';\\r\\n\\r\\n> _Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today\'s interconnected digital environment. **Application Programming Interfaces (APIs)** are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you\'re a developer, a tech enthusiast, or just interested about the world of APIs._\\r\\n\\r\\n<br />\\r\\n\\r\\nimport LaymanAPI from \\"./api-to-layman.png\\";\\r\\n\\r\\n<figure>\\r\\n <img src={LaymanAPI} style={{border: \\"2px solid grey\\"}}/>\\r\\n <center><figcaption>APIs to a layman</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## Introduction to API\\r\\n\\r\\n\\r\\n**Application Programming Interface** is referred to as API. It is a set of guidelines and protocols that specifies how various software components ought to communicate and share information. \\r\\n- **APIs** can be thought of as a contract that enables successful communication between two software entities. \\r\\n- **APIs** give programmers a standardised method of using the features of other software platforms, libraries, or systems.\\r\\n\\r\\n## Why are APIs Important?\\r\\n\\r\\nAPIs have revolutionized the way software is developed and integrated. Here are some key reasons why APIs are important:\\r\\n\\r\\n<Tabs>\\r\\n <TabItem value=\\"Seamless Integration\\" attributes={{className: styles.unique}}>\\r\\n <p>By allowing various software systems to interact and cooperate, APIs enable developers to take advantage of already-existing functions and resources without having to start from scratch.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"Extensibility and Scalability\\" attributes={{className: styles.unique}}>\\r\\n <p>APIs give software developers a modular way to create new features, services, or data sources. As applications can be built upon existing APIs, promoting extensibility and scalability while saving time and effort.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"Collaboration and Innovation\\" attributes={{className: styles.unique}}>\\r\\n <p>By offering a standardised method of sharing data and services, APIs promote collaboration between developers and organisations. As a result, innovation is accelerated since developers can use APIs to build new apps or incorporate current systems into creative solutions.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"User Experience\\" attributes={{className: styles.unique}}>\\r\\n <p>APIs make it easier to incorporate services or data sources from outside sources into applications, which improves the overall user experience. For instance, incorporating a weather API into a travel app gives users access to real-time weather information, enhancing the utility and appeal of the service.</p>\\r\\n </TabItem>\\r\\n</Tabs>\\r\\n\\r\\n## Types of APIs\\r\\n\\r\\nAPIs come in different types and formats, depending on the purpose and underlying technology. Here are some common types of APIs:\\r\\n\\r\\n- **Web APIs:** These APIs allow web-based services and applications to communicate with one another. The majority of the time, they are built on widely used web protocols like `HTTP` and `REST` (Representational State Transfer).\\r\\n\\r\\n- **SOAP APIs:** Based on XML (eXtensible Markup Language), SOAP (Simple Object Access Protocol) APIs offer a standardised method for applications to communicate structured information across a network.\\r\\n\\r\\n- **JSON-RPC and XML-RPC:** JSON (JavaScript Object Notation) or XML can be used as the data format for remote procedure calls when using the `JSON-RPC` or `XML-RPC APIs`. They\'re frequently employed for lightweight.\\r\\n\\r\\n## API Communication Styles:\\r\\n\\r\\n- **RESTful APIs:** REST (Representational State Transfer) is a popular architectural style for designing web APIs. RESTful APIs use standard HTTP methods such as `GET`, `POST`, `PUT`, and `DELETE` to perform operations on resources. They often return data in formats like JSON or XML.\\r\\n\\r\\n- **GraphQL:** GraphQL is an alternative to RESTful APIs that provides a more flexible and efficient approach to data retrieval. With GraphQL, clients can specify the exact data they need, reducing over-fetching and under-fetching of data.\\r\\n\\r\\n- **Real-Time APIs:** Real-time APIs use technologies like WebSockets to enable bidirectional communication between the client and the server. They are ideal for applications that require instant updates, such as chat applications or real-time collaboration tools.\\r\\n\\r\\n\\r\\n\\r\\n## Common APIs\\r\\n\\r\\n- **Social media APIs:** Websites like **[Facebook](https://developers.facebook.com/docs/)**, **[Twitter](https://developer.twitter.com/en/docs/twitter-api)**, and **[Instagram](https://developers.facebook.com/docs/instagram-api/)** offer APIs that let programmers incorporate social media features into their applications, such as updating statuses, retrieving user profiles, or engaging with social networks.\\r\\n\\r\\n- **Payment Gateway APIs:** Companies such as **[PayPal](https://developer.paypal.com/api/rest/)**, **[Stripe](https://stripe.com/docs/api)**, and **[Braintree](https://developer.paypal.com/braintree/docs)** provide APIs for handling online payments, allowing developers to include secure payment processing into their apps.\\r\\n\\r\\n- **Mapping and Geolocation APIs:** Maps, geolocation data, routing, and other location-based services are all made available by mapping and geolocation APIs, which developers can use to build apps with mapping features. Examples of these APIs include **[Google Maps](https://developers.google.com/maps/apis-by-platform)** and **[Mapbox](https://docs.mapbox.com/api/overview/)**.\\r\\n\\r\\n\\r\\nimport apis from \\"./apis.png\\";\\r\\n\\r\\n<img src={apis}/>\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nAPIs enable seamless integration, teamwork, and creativity, serving as the foundation for contemporary software development. For developers and organisations wishing to take use of the power of APIs to build strong and interconnected applications, understanding APIs and their many types, communication styles, authentication methods, documentation practises, and management systems is essential. So go ahead and discover the immense possibilities that APIs contain for your software applications by exploring their enormous world!"},{"id":"tmai-may-2023","metadata":{"permalink":"/blog/tmai-may-2023","source":"@site/blog/2023-06-06-tmai-may-23/index.md","title":"This Month in AI - May 2023","description":"Latest News & Breakthroughs in the Month of May 2023 in AI/ML/DS.","date":"2023-06-06T00:00:00.000Z","formattedDate":"June 6, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":5.095,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-may-2023","title":"This Month in AI - May 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of May 2023 in AI/ML/DS.","keywords":["PaLM2","ai","google","speech","spotify","adobe","tmai"]},"prevItem":{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"},"nextItem":{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"}},"content":"![A robotic hand touching a speck of light](tmai-may23-poster.png)\\r\\n\\r\\n\\r\\n## Google\'s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. [^1]\\r\\n\\r\\nDiscover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.\\r\\n\\r\\n![An Example of Prompt to Med PaLM - A specialized PaLM Model](med-palm-dc4977b.png)\\r\\n\\r\\nGoogle has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.\\r\\n\\r\\n## Meta\'s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. [^2]\\r\\n\\r\\nMeta\'s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world\'s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta\'s advancements have far-reaching implications for language preservation and global communication.\\r\\n\\r\\n## AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. [^3]\\r\\n\\r\\nScientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. \\r\\n\\r\\nThe traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.\\r\\n\\r\\n\\r\\n## Unleash Your Creativity: Photoshop\'s AI Transforms Your Images with a Single Text Prompt. [^4]\\r\\n\\r\\n![A before & after image of dog after applying Generative Fill of Photoshop](photoshop.png)\\r\\n\\r\\nAdobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an \\"AI co-pilot,\\" Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.\\r\\n\\r\\n\\r\\n\\r\\n## Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. [^5]\\r\\n\\r\\nIn the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. \\r\\n\\r\\nBy combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM\'s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI\'s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.\\r\\n\\r\\n\\r\\n## Spotify\'s Potential AI Breakthrough: AI-Generated Podcast Ads. [^6]\\r\\n\\r\\nIn a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. \\r\\n\\r\\nThe advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.\\r\\n\\r\\n## Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. [^7]\\r\\n\\r\\nChegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI\'s ChatGPT. Chegg\'s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.\\r\\n\\r\\nInitially, Chegg didn\'t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg\'s paid offerings, leading to a significant loss in subscriber growth and a decline in the company\'s market value.\\r\\n\\r\\nDespite their efforts, Chegg\'s future remains uncertain, and the company\'s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.\\r\\n\\r\\n\\r\\n[^1]: [https://blog.google/technology/ai/google-palm-2-ai-large-language-model/](https://blog.google/technology/ai/google-palm-2-ai-large-language-model/)\\r\\n\\r\\n[^2]: [https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/](https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/)\\r\\n\\r\\n[^3]: [https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital](https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital)\\r\\n\\r\\n[^4]: [https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx](https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx)\\r\\n\\r\\n[^5]: [https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/](https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/)\\r\\n\\r\\n[^6]: [https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/](https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/)\\r\\n\\r\\n[^7]: [https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/](https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/)"},{"id":"intro-to-artificial-intelligence","metadata":{"permalink":"/blog/intro-to-artificial-intelligence","source":"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx","title":"Introduction to Artificial Intelligence (Part - 1)","description":"Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day.","date":"2023-05-13T00:00:00.000Z","formattedDate":"May 13, 2023","tags":[{"label":"Artificial Intelligence","permalink":"/blog/tags/artificial-intelligence"},{"label":"Machine Learning","permalink":"/blog/tags/machine-learning"},{"label":"Data","permalink":"/blog/tags/data"},{"label":"Data Science","permalink":"/blog/tags/data-science"},{"label":"Automation","permalink":"/blog/tags/automation"}],"readingTime":5.695,"hasTruncateMarker":false,"authors":[{"name":"Nidhi Worah","title":"Machine Learning Enthusiast","url":"https://github.com/Nidhi-1223","imageURL":"https://github.com/Nidhi-1223.png","key":"nidhi"}],"frontMatter":{"slug":"intro-to-artificial-intelligence","title":"Introduction to Artificial Intelligence (Part - 1)","authors":["nidhi"],"tags":["Artificial Intelligence","Machine Learning","Data","Data Science","Automation"],"description":"Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day.","keywords":["Artificial Intelligence","Machine Learning","Data","Data Science","Automation"]},"prevItem":{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"},"nextItem":{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"}},"content":"> Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.\\r\\n\\r\\nArtificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.\\r\\n\\r\\nArtificial Intelligence is composed of two words **Artificial** and **Intelligence**, where Artificial defines _\u201cman-made,\u201d_ and intelligence defines _\u201cthinking power\u201d_, hence AI means _\u201ca man-made thinking power.\u201d_\\r\\n\\r\\n> Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.\\r\\n\\r\\nBut what exactly is AI, and how did it come to be? In this article, we\u2019ll take a brief look at the history of AI and its evolution over time.\\r\\n\\r\\n### Early Concepts of AI\\r\\n\\r\\n\\r\\nThe idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion\u2019s statue, which was brought to life by the goddess Aphrodite.\\r\\n\\r\\n| ![Figure 1 - Talos](Talos.webp) |\\r\\n| :--: |\\r\\n| *Figure 1 \u2014 Talos by [**Adrienne Mayor**](https://technicacuriosa.com/author/amayor/)* |\\r\\n\\r\\nIn the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the \u201cTuring Test,\u201d which is still used today to measure a machine\u2019s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.\\r\\n\\r\\nEarly AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.\\r\\n\\r\\nAI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let\u2019s look at these terms in brief -\\r\\n\\r\\n\\r\\n| ![Figure 2 - Sub-categories of AI](sub-categories-of-AI.webp) |\\r\\n| :--: |\\r\\n| *Figure 2 \u2014 By the [Author](https://medium.com/@nidhiworah02) \u2014 Types of Artificial Intelligence* |\\r\\n\\r\\n\\r\\n## The Rise of Machine Learning\\r\\n\\r\\n\\r\\nIn the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.\\r\\n\\r\\nMachine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.\\r\\n\\r\\n## Deep Learning and Neural Networks\\r\\n\\r\\n\\r\\nIn the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. \\r\\n\\r\\nDeep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.\\r\\n\\r\\n## The Future of AI\\r\\n\\r\\n\\r\\nAs AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.\\r\\n\\r\\nAs Uncle Ben says, \u201cWith great power comes great responsibility.\u201d AI systems become more sophisticated, it\u2019s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.\\r\\n\\r\\n## Types of Artificial Intelligence\\r\\n\\r\\n\\r\\n| ![Figure 3 - Types of AI](types-of-AI.webp) |\\r\\n| :--: |\\r\\n| *Figure 3 \u2014 By the [Author](https://medium.com/@nidhiworah02) \u2014 Types of Artificial Intelligence* |\\r\\n\\r\\n<br />\\r\\n\\r\\n### Artificial Intelligence \u2014 Type 1: Based on Capabilities\\r\\n\\r\\n**Narrow AI**\\r\\n\\r\\n* Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.\\r\\n* Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.\\r\\n* Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. \\r\\n\\r\\n**General AI**\\r\\n\\r\\n* General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.\\r\\n* The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.\\r\\n* It is currently a hypothetical concept, and we don\u2019t yet have any real-world examples of this type of AI.\\r\\n\\r\\n**Super AI**\\r\\n\\r\\n* Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.\\r\\n* Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.\\r\\n\\r\\n### Artificial Intelligence \u2014 Type 2: Based on Functionality\\r\\n\\r\\n**Reactive Machines**\\r\\n\\r\\n* Purely reactive machines are the most basic types of Artificial Intelligence.\\r\\n* Such AI systems do not store memories or past experiences for future actions.\\r\\n* These machines only focus on current scenarios and react to them as per the possible best action.\\r\\n* Examples: IBM\u2019s Deep Blue system, Google\u2019s AlphaGo\\r\\n\\r\\n**Limited Memory**\\r\\n\\r\\n* Limited memory machines can store past experiences or some data for a short period of time.\\r\\n* These machines can use stored data for a limited time period only.\\r\\n* Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, \\r\\nthe speed limit, and other information to navigate the road.\\r\\n\\r\\n**Theory Of Mind**\\r\\n\\r\\n* Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.\\r\\n* This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.\\r\\n\\r\\n**Self-Awareness**\\r\\n\\r\\n* Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and \\r\\nself-awareness.\\r\\n* These machines will be smarter than the human mind.\\r\\n* Self-Awareness AI does not exist in reality still and it is a hypothetical concept.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\n\\r\\nArtificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research \\r\\nand development, the potential applications of AI are vast and ever-expanding.\\r\\n\\r\\nIf you enjoy reading stories on similar topics then do [follow](https://medium.com/@nidhiworah02/subscribe) the account. Let me know your thoughts below"},{"id":"tmai-april-2023","metadata":{"permalink":"/blog/tmai-april-2023","source":"@site/blog/2023-05-07-tmai-april-23/index.md","title":"This Month in AI - April 2023","description":"Latest News & Breakthroughs in the Month of April 2023 in AI/ML/DS.","date":"2023-05-07T00:00:00.000Z","formattedDate":"May 7, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":4.5,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-april-2023","title":"This Month in AI - April 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of April 2023 in AI/ML/DS.","keywords":["GPT","ai","yolo-nas","hugging -face","tmai"]},"prevItem":{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"},"nextItem":{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"}},"content":"![A robotic hand touching a speck of light](tmai-apr23-poster.png)\\r\\n\\r\\n## Unlock the Power of BingAI: Experience the Future, Today! [^1]\\r\\n\\r\\nMicrosoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI\'s technologies. \\r\\n\\r\\nAlso, Bing AI now supports rich \\"visual answers,\\" displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.\\r\\n\\r\\n\\r\\n## LinkedIn\'s Intelligent Assistance: Craft the Perfect Job Application [^2]\\r\\n\\r\\nLinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user\'s profile, the hiring manager\'s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. \\r\\n\\r\\nThis development builds upon LinkedIn\'s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.\\r\\n\\r\\n\\r\\n## YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision [^3]\\r\\n\\r\\nDeci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci\'s Neural Architecture Search Technology, AutoNAC\u2122, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. \\r\\n\\r\\nYOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci\'s PyTorch-based computer vision training library called SuperGradients.\\r\\n\\r\\n\\r\\n## Introducing StarCoder: Free Code-Generating Assistant [^4]\\r\\n\\r\\nHugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub\'s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft\'s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. \\r\\n\\r\\nThe project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder\'s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.\\r\\n\\r\\n## Geoffrey Hinton: AI\'s Threat Could Be \'More Urgent\' Than Climate Change [^5]\\r\\n\\r\\nIn a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the \\"godfathers of AI,\\" believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI\'s impact on society continues to unfold, Hinton\'s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.\\r\\n\\r\\n## Accelerating the Quest for New Metals: ML Offers a Promising Solution [^6]\\r\\n\\r\\nMachine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors\u2014for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines.\\r\\nUsually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It\u2019s a laborious process of trial and error that inevitably yields more duds than useful results.\\r\\nResearchers from the Max Planck Institute managed to identify 17 promising new metals using this method.\\r\\n\\r\\n## Revolutionizing ML: Researchers Unveil a More Agile Approach [^7]\\r\\n\\r\\nArtificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence \u2014 but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.\\r\\n\\r\\nLiquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time\\r\\n\\r\\n\\r\\n[^1]: [https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/](https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/)\\r\\n\\r\\n[^2]: [https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/](https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/)\\r\\n\\r\\n[^3]: [https://deci.ai/blog/yolo-nas-object-detection-foundation-model/](https://deci.ai/blog/yolo-nas-object-detection-foundation-model/)\\r\\n\\r\\n[^4]: [https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/](https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/)\\r\\n\\r\\n[^5]: [https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911](https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911)\\r\\n\\r\\n[^6]: [https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals](https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals)\\r\\n\\r\\n[^7]: [https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207](https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207)"},{"id":"rotaract-club-of-tcet","metadata":{"permalink":"/blog/rotaract-club-of-tcet","source":"@site/blog/2023-04-15-rcblog/index.md","title":"Rotaract Club of TCET","description":"About Rotaract Club of TCET","date":"2023-04-15T00:00:00.000Z","formattedDate":"April 15, 2023","tags":[{"label":"cultural","permalink":"/blog/tags/cultural"},{"label":"social","permalink":"/blog/tags/social"},{"label":"community","permalink":"/blog/tags/community"},{"label":"editorial","permalink":"/blog/tags/editorial"}],"readingTime":5.255,"hasTruncateMarker":false,"authors":[{"name":"Nikita Shukla","title":"Docs Team Lead | Ex-Chairperson HRD @RCTCET","url":"https://github.com/NikitaSShukla","imageURL":"https://github.com/NikitaSShukla.png","key":"nikita"}],"frontMatter":{"slug":"rotaract-club-of-tcet","title":"Rotaract Club of TCET","authors":["nikita"],"tags":["cultural","social","community","editorial"],"description":"About Rotaract Club of TCET","keywords":["cultural","social","community","editorial"]},"prevItem":{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"},"nextItem":{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"}},"content":">Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.\\r\\n\\r\\n\\r\\n\\r\\n# \u2018Boldly Going: Rotaract Club of TCET \'\\r\\n\\r\\n\\r\\n![RCTCET](RCTCET.png)\\r\\n\\r\\n\\r\\n>_\\"The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.\\"_ \\r\\n>\\r\\n> _-Eleanor Roosevelt_\\r\\n\\r\\n\\r\\nWhether you\'re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. \\r\\n\\r\\n\\r\\n## Types of Projects & Events conducted in RCTCET\\r\\n\\r\\n### 1. Volunteering\\r\\nVolunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.\\r\\n\\r\\n#### Few volunteering events:\\r\\n\\r\\n<ul><li>TechWorld</li>\\r\\nThis is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul>\\r\\n\\r\\n<ul><li>Emergency</li>\\r\\nThe main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul>\\r\\n\\r\\n<ul><li>Beach Cleanup</li>\\r\\nSuch events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,\\"If you concentrate on small, manageable steps you can cross unimaginable distances.\\"\\r\\n</ul>\\r\\n\\r\\n\\r\\n### 2. Space to Socialize\\r\\n\\r\\nJoining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it\'s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.\\r\\n\\r\\n#### Examples of such socializing events:\\r\\n\\r\\n <div><ul>\\r\\n <li>Sunday Funday</li>\\r\\n <li>Treasure Hunt</li>\\r\\n <li>Movie Night</li>\\r\\n <li>Badminton Tournament</li>\\r\\n <li>Kick it!(Football Tournament)</li>\\r\\n </ul></div>\\r\\n\\r\\n\\r\\n### 3. Space to express creativity\\r\\n\\r\\nRotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.\\r\\n\\r\\n\\r\\n### 4. Development of Overall Personality\\r\\n\\r\\nParticipating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.\\r\\n\\r\\nWe conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.\\r\\n\\r\\n\\r\\n### 5. Last but not the least, it is a platform where you can create amazing memories!\\r\\n\\r\\n\\r\\n![RCevent](RCevent.jpg)\\r\\n>_\\"Education is not just about academics. It\'s about building character, improving one\'s personality, and becoming a better human being.\\"_ \\r\\n>\\r\\n>_- Sudha Murty_\\r\\n\\r\\n\\r\\nJoining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it\'s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.\\r\\n\\r\\n\\r\\n## To know more about us:\\r\\n\\r\\nVisit our [**Official Website**](https://www.rctcet.org/)\\r\\nAnd do follow us [**@rc_tcet**](https://www.instagram.com/rc_tcet/?hl=en)\\r\\n\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nRemember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don\'t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society."},{"id":"dive-into-web-design","metadata":{"permalink":"/blog/dive-into-web-design","source":"@site/blog/2023-04-12-dive-into-web-design/index.md","title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","description":"Understanding Design and Converting it into Code","date":"2023-04-12T00:00:00.000Z","formattedDate":"April 12, 2023","tags":[{"label":"Web Design","permalink":"/blog/tags/web-design"},{"label":"HTML","permalink":"/blog/tags/html"},{"label":"CSS","permalink":"/blog/tags/css"},{"label":"Mental Model","permalink":"/blog/tags/mental-model"},{"label":"Resonsiveness","permalink":"/blog/tags/resonsiveness"}],"readingTime":9.205,"hasTruncateMarker":false,"authors":[{"name":"Jayesh Potlabattini","title":"Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer","url":"https://github.com/JayeshVP24","imageURL":"https://github.com/JayeshVP24.png","key":"jayesh"}],"frontMatter":{"slug":"dive-into-web-design","title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","authors":["jayesh"],"tags":["Web Design","HTML","CSS","Mental Model","Resonsiveness"],"description":"Understanding Design and Converting it into Code","keywords":["Web Design","HTML","CSS","Mental Model","Resonsiveness"]},"prevItem":{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"},"nextItem":{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"}},"content":"Web designing (the HTML & CSS part, not the Figma Part) can be a real pain if we don\u2019t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent **understanding of divisions** into **rows** and **columns** and learning about **display properties and positioning** in detail, you we can have some confidence to **turn any Figma design to HTML and CSS**. This is not a tutorial on HTML & CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the **Mental Model of Web Design in your Brain** \u2728\\r\\n\\r\\nThis Blog also serves as a very precise summary of long web design bootcamp I took with [**GenosisX Tech Community](https://twitter.com/genosis_x), [*watch here*](https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0)**\\r\\n\\r\\n> TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or `<div>` tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!\\r\\n> \\r\\n\\r\\n## Prerequisite\\r\\n\\r\\n- Basic knowledge of HTML and CSS would help, but not necessary.\\r\\n- That\u2019s It!\\r\\n\\r\\n# Guide to Divisions\\r\\n\\r\\nMaking proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let\u2019s get into it. \\r\\n\\r\\n## Visualize Design\\r\\n\\r\\n![Visualize Design #1](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif)\\r\\n\\r\\nVisualize Design #1\\r\\n\\r\\n- First think of the separate sections, in this case, there are two, a Header and a Hero section.\\r\\n- For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.\\r\\n- Divisions\\r\\n - Here, the whole page is one column which has two rows, Navbar and Hero.\\r\\n - Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.\\r\\n - You can try to dig further deep into each div visually.\\r\\n\\r\\nSo based upon the divisions, we can conclude the following code.\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header></header> \x3c!-- First Row, Header --\x3e\\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section></section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n\\t\\t<section></section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t</main>\\r\\n</body>\\r\\n```\\r\\n\\r\\n### Lets dig deep\\r\\n\\r\\n![Visualize Design #2](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif)\\r\\n\\r\\nVisualize Design #2\\r\\n\\r\\n- Divisions - Header - a row\\r\\n - Img - Logo - First column\\r\\n - Navbar - Second column\\r\\n - Button - Third column\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header>\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav>bunch of <a></a> Tags</nav> \x3c!-- Second column --\x3e\\r\\n <button>Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header> \\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section></section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n\\t\\t<section></section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t</main> \\r\\n</body>\\r\\n```\\r\\n\\r\\n> Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. [https://www.pluralsight.com/guides/semantic-html](https://www.pluralsight.com/guides/semantic-html)\\r\\n> \\r\\n\\r\\n![Visualize Design #3](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif)\\r\\n\\r\\nVisualize Design #3\\r\\n\\r\\n- Divisions - Main - a row\\r\\n - First Column of Hero Section\\r\\n - H1 - Main text - First row\\r\\n - p - Description text - Second row\\r\\n - span - Third Row having two buttons\\r\\n - Button - First Column\\r\\n - Button - Second Column\\r\\n - Second Column of Hero Section\\r\\n - img - First Column\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header>\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav>bunch of <a></a> Tags</nav> \x3c!-- Second column --\x3e\\r\\n <button>Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header> \\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n <h1>Main text...</h1>\\r\\n <p>Description text...</p>\\r\\n <span>\\r\\n <button>Get Started</button>\\r\\n <button>Order Now</button>\\r\\n </span>\\r\\n </section> \\r\\n\\t\\t<section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n <img src=\\"/..\\" />\\r\\n </section> \\r\\n\\t</main> \\r\\n</body>\\r\\n```\\r\\n\\r\\n# Guide to Style them\\r\\n\\r\\nPat yourself if you reached till here, and understood everything above! Lets go ahead.\\r\\n\\r\\nFor the next part, I\u2019ll use tailwindcss because it\u2019s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. [https://tailwindcss.com/docs/utility-first](https://tailwindcss.com/docs/utility-first)\\r\\n\\r\\n## Step-by-Step Linear Process to Design Anything!\\r\\n\\r\\nRemember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. \\r\\n\\r\\n1. Write HTML, using the divisions approach\\r\\n2. Set background color\\r\\n3. Set display - flex (if any child tags)\\r\\n4. Set width - compulsory\\r\\n5. Set height - optional\\r\\n6. set overflow properties\\r\\n7. Set font \u2192 size, weight, line height, letter spacing, \\r\\n8. Set text colors \u2192 paddings \u2192 borders \u2192 margins \\r\\n 1. Colors - normal, hover, active any states\\r\\n 2. Borders - width/thickness , color, radius, style\\r\\n9. Set position (if want to move the element from its position)\\r\\n 1. relative - move it from its current position\\r\\n 2. absolute - move it from its **first relative parent** start point (top-0, left-0 of relative parent)\\r\\n 3. fixed - move it from windows start point (top-0, left-0 of whole window)\\r\\n10. Set z-index - define stack, which element should be above which\\r\\n11. Anything else that suits your design\\r\\n\\r\\nThis is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First style this #1 --\x3e\\r\\n <header>\x3c!-- then this #2 --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- Then this #3 --\x3e\\r\\n <nav> \x3c!-- Then this #4 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #5 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #6 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #7 --\x3e\\r\\n </nav> \x3c!-- and so on till the last tag --\x3e\\r\\n <button>Sign up</button> \\r\\n </header> \\r\\n <main> \\r\\n <section> \\r\\n <h1>Main text...</h1>\\r\\n <p>Description text...</p>\\r\\n <span>\\r\\n <button>Get Started</button>\\r\\n <button>Order Now</button>\\r\\n </span>\\r\\n </section> \\r\\n\\t\\t<section> \\r\\n <img src=\\"/..\\" />\\r\\n </section>\\r\\n</body>\\r\\n```\\r\\n\\r\\n## Here comes the CSS\\r\\n\\r\\n![Web Design Bootcamp Design](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png)\\r\\n\\r\\nWeb Design Bootcamp Design\\r\\n\\r\\nTake a quick look, and we will start with the linear process\\r\\n\\r\\n### Body - main page\\r\\n\\r\\nWe can see that the \\r\\n\\r\\n- background color is different\\r\\n- width is full screen\\r\\n- padding left and right i.e x-axis\\r\\n\\r\\n```html\\r\\n<body class=\\"bg-[#f3f3f3] w-[100vw] px-16 \\" > \x3c!-- First Column, whole page --\x3e\\r\\n <header >\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n\\t\\t\\t...\\r\\n```\\r\\n\\r\\n### Header\\r\\n\\r\\nHere,\\r\\n\\r\\n- We see, everything is in one row, so set display as flex\\r\\n- width is full available space so 100%\\r\\n- img - logo\\r\\n - width of some pixels\\r\\n- navbar\\r\\n - width of fit content (automatic)\\r\\n - font weight is medium i.e 500\\r\\n - Color is gray for all but black for current one\\r\\n- button\\r\\n - background is orange\\r\\n - text is bold\\r\\n - longer padding in x-axis, shorted padding in y-axis\\r\\n - border radius full rounded\\r\\n\\r\\n```html\\r\\n<body class=\\"bg-[#f3f3f3] w-[100vw] px-20 \\" > \x3c!-- First Column, whole page --\x3e\\r\\n <header class=\\"flex w-full\\" >\x3c!-- First Row, Header --\x3e\\r\\n <img class=\\"w-20\\" src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav class=\\"flex w-fit text-[#828282] font-medium\\" >\\r\\n <a id=\\"current\\" class=\\"text-black\\" >Home</a>\\r\\n \x3c!-- if id=\\"current\\" then class=\\"text-black\\" add this login using javascript --\x3e\\r\\n <a>How it works</a>\\r\\n ...\\r\\n </nav> \x3c!-- Second column --\x3e\\r\\n <button class=\\"bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full\\" >Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header>\\r\\n\\t ...\\r\\n```\\r\\n\\r\\nWe won\u2019t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.\\r\\n\\r\\n## Responsiveness, how easy is it?\\r\\n\\r\\n### Desktop First Design Approach\\r\\n\\r\\n- First we design the desktop version of our web app\\r\\n- Then slowly add rules to make it responsive for tablets then mobile\\r\\n- Desktop \u2192 Tablet \u2192 Mobile\\r\\n- This is not recommended\\r\\n\\r\\n### Mobile First Design Approach\\r\\n\\r\\n- First we design the mobile version of our web app\\r\\n- Then slowly add rules to make it responsive for tablets then desktop\\r\\n- Mobile \u2192 Tablet \u2192 Desktop\\r\\n- This is most recommended and used by tailwindcss by default\\r\\n\\r\\n### No media query methods\\r\\n\\r\\n- Set max-widths and min-widths\\r\\n- Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis\\r\\n- Use display grid with grid-template-columns, repeat - autofit, minmax\\r\\n- You can much deeper with maths to avoid media queries but I feel that much is unnecessary.\\r\\n- Using some media queries to avoid extreme complexity is always a good idea\\r\\n\\r\\n### A good example of minimum media queries\\r\\n\\r\\n************The prefix **lg:** is how we use media queries in tailwindcss, refer this* [https://tailwindcss.com/docs/responsive-design](https://tailwindcss.com/docs/responsive-design)\\r\\n\\r\\n```html\\r\\n<main class=\\"flex flex-wrap text-lg lg:text-xl m-5 lg:m-10\\" > \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section class=\\"max-w-lg\\" > \x3c!-- First Column, Main Text Section--\x3e\\r\\n ...\\r\\n </section> \\r\\n\\t\\t<section class=\\"max-w-lg\\" > \x3c!-- Second Column, Main Image Section--\x3e\\r\\n ...\\r\\n </section> \\r\\n</main>\\r\\n```\\r\\n\\r\\n## Get Creative with Positioning\\r\\n\\r\\nWhen we want to move some elements from their original position to something else, we use position property.\\r\\n\\r\\n### CSS Positions\\r\\n\\r\\n- Static\\r\\n - Default value\\r\\n - Original position, cannot change it.\\r\\n- Relative\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Moves towards the specified direction from its current position.\\r\\n- Absolute\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Move towards the specified direction from the **first relative parents** start coordinates.\\r\\n- Fixed\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Move towards the specified direction from the coordinates of **window (browser tab)** itself\\r\\n - Does not move on scroll, stays fixed.\\r\\n\\r\\n> This article by MDN teaches all positionings perfectly.\\r\\n[https://developer.mozilla.org/en-US/docs/Web/CSS/position](https://developer.mozilla.org/en-US/docs/Web/CSS/position)\\r\\n> \\r\\n\\r\\n### An example of positioning\\r\\n\\r\\nLets look at the image which has blocks of elements floating above it.\\r\\n\\r\\n![Pizza Design](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png)\\r\\n\\r\\n- So the concept is we wrap the image in one div\\r\\n- This div will be set to position: relative\\r\\n- This div will contain image tag and other elements of those floating blocks\\r\\n- Don\u2019t change image tag position\\r\\n- Change position: absolute of all floating elements\\r\\n- Then set them to their places via top, left, right, bottom\\r\\n\\r\\n```html\\r\\n<section class=\\"relative\\" > \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t\\t<img class=\\"w-24 h-40\\" src=\\"/..\\" />\\r\\n\\t\\t<div class=\\"absolute top-[30%] right-[-10%]\\" >...</div>\\r\\n\\t\\t<div class=\\"absolute top-[50%] left-[-10%]\\" >...</div>\\r\\n\\t\\t<div class=\\"absolute bottom-[-15%] right-[12%]\\" >...</div>\\r\\n</section>\\r\\n```\\r\\n\\r\\n# Conclusion\\r\\n\\r\\n- Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.\\r\\n- Write whole HTML of one section then style the whole section using the step by step linear process.\\r\\n- Position properly and most of it depends on the parents element position property, so make sure you set those correct.\\r\\n- Learn flex, grid and positions of CSS very thoroughly.\\r\\n- Learn tailwindcss because it will make your life easier, trust me on this."},{"id":"intro-to-react-js","metadata":{"permalink":"/blog/intro-to-react-js","source":"@site/blog/2023-04-10-intro-to-react-js/index.md","title":"6 Reasons Why React JS is the Future of Web Development!!","description":"Why React JS is the Future of Web Development","date":"2023-04-10T00:00:00.000Z","formattedDate":"April 10, 2023","tags":[{"label":"ReactJs","permalink":"/blog/tags/react-js"},{"label":"JSX","permalink":"/blog/tags/jsx"},{"label":"Virtaul DOM","permalink":"/blog/tags/virtaul-dom"},{"label":"Frontend","permalink":"/blog/tags/frontend"}],"readingTime":4.535,"hasTruncateMarker":false,"authors":[{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"intro-to-react-js","title":"6 Reasons Why React JS is the Future of Web Development!!","authors":["mahima"],"tags":["ReactJs","JSX","Virtaul DOM","Frontend"],"description":"Why React JS is the Future of Web Development","keywords":["ReactJs","JSX","Virtaul DOM","Frontend"]},"prevItem":{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"},"nextItem":{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"}},"content":"><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages.\\r\\nSo sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!\\r\\n\\r\\n<br />\\r\\n\\r\\n| ![\u201cDesign is not just what it looks like and feels like. Design is how it works.\u201d \u2014 Steve Jobs](reactjs.png) |\\r\\n| :--: |\\r\\n| *\u201cDesign is not just what it looks like and feels like. Design is how it works.\u201d \u2014 Steve Jobs* |\\r\\n\\r\\n<br/>\\r\\n\\r\\n# What is React JS?\\r\\n\\r\\nReact JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.\\r\\n\\r\\n# Characteristic Features of React JS that makes it more versatile and Popular\\r\\n\\r\\n| ![Features of ReactJS](characteristics.png) |\\r\\n| :--: |\\r\\n| *Features of ReactJS* |\\r\\n\\r\\n## 1. Virtual DOM\\r\\n\\r\\nIn traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.\\r\\n\\r\\n## 2. Reusable Components\\r\\n\\r\\nReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.\\r\\n\\r\\n## 3. Community\\r\\n\\r\\nReact has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.\\r\\n\\r\\n>[*Link to contribute to the React Library*](https://github.com/facebook/react)\\r\\n\\r\\n## 4. JSX\\r\\n\\r\\nJSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.\\r\\n\\r\\nFor example, instead of writing the following code in pure JavaScript to render a simple button:\\r\\n\\r\\n```js \\r\\nReact.createElement(\\"button\\", {className: \\"myButton\\"}, \\"Click Me!\\");\\r\\n```\\r\\n\\r\\nThe same code can be written in JSX as:\\r\\n\\r\\n```jsx\\r\\n<button className=\\"myButton\\">Click Me!</button>; \\r\\n```\\r\\n\\r\\n## 5. Server-side Rendering\\r\\n\\r\\nServer-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.\\r\\n\\r\\nThis results in faster initial load times, as the browser doesn\u2019t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.\\r\\n\\r\\n## 6. Compatibility\\r\\n\\r\\nReact\u2019s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.\\r\\n\\r\\n# Comaprison with other Frontend Frameworks\\r\\n\\r\\n| ![Popular Web Frameworks](chart1.png) |\\r\\n| :--: |\\r\\n| *Comparison with other frameworks as per the recent survey* |\\r\\n\\r\\n>Source: Stack Overflow Developer Survey 2021\\r\\n\\r\\nFrom the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.\\r\\n\\r\\nReact\u2019s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React\u2019s virtual DOM.\\r\\n\\r\\nAlso, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.\\r\\n\\r\\n:::info \\r\\n\\r\\nYou can see more detailed insights of React JS on their [**Official Website**](https://reactjs.org/)\\r\\n\\r\\n:::\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nIn conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development."},{"id":"intro-to-cloud-computing","metadata":{"permalink":"/blog/intro-to-cloud-computing","source":"@site/blog/2023-04-09-intro-to-cloud-computing/index.md","title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","description":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","date":"2023-04-09T00:00:00.000Z","formattedDate":"April 9, 2023","tags":[{"label":"cloud computing","permalink":"/blog/tags/cloud-computing"},{"label":"data","permalink":"/blog/tags/data"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":5.505,"hasTruncateMarker":false,"authors":[{"name":"Himanshu Agarwal","title":"CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst","url":"https://github.com/himanshu-03","imageURL":"https://github.com/himanshu-03.png","key":"himanshu"},{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"intro-to-cloud-computing","title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","authors":["himanshu","mahima"],"tags":["cloud computing","data","source","software"],"description":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","keywords":["cloud computing","data","source","software"]},"prevItem":{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"},"nextItem":{"title":"Breaking The Ice - Open Source","permalink":"/blog/breaking-the-ice-open-source"}},"content":"> This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let\'s dive into the exciting world of the cloud together!!\\r\\n\\r\\n<br />\\r\\n\\r\\n# What is Cloud Computing ? \\r\\n\\r\\nCloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. \\r\\n\\r\\nWe can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.\\r\\n\\r\\n\\r\\n## Let\'s take a look at some intriguing features of Cloud Computing!!\\r\\n<br />\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udee0\ufe0f On-Demand Self-Service</b></summary>\\r\\n<div>\\r\\n\\r\\nWith cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udcbb Broad Network Access</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nBroad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udcdd Resource Pooling</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nWith resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won\'t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udd17 Rapid Elasticity</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nCloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won\'t need to acquire computer hardware thanks to quick elasticity. \\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\u2699\ufe0f Measured Service</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nA metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer\'s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n\\r\\n## Lets have a look at some of the most used Cloud Storage Services\\r\\n<br />\\r\\n\\r\\n| ![Most Used Cloud Storage Services](most-used-cloud-storage-services.png) |\\r\\n| :--: |\\r\\n| *Most used Cloud Storage Services* |\\r\\n\\r\\nGoogle Drive is by far the most popular cloud storage service in the world, with an use rate of **94.44 percent**. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive **66.2 percent**, followed by [**OneDrive**](https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage) **(39.35 percent)** and [**iCloud**](https://www.icloud.com/) **(38.89 percent)**. Additionally popular cloud storage providers include [**MEGA**](https://mega.io/) **(5.09 percent)**, [**Box**](https://www.box.com/) **(4.17 percent)**, and [**pCloud**](https://www.pcloud.com/) **(1.39%)**, all of which made our list of the top cloud storage services.\\r\\n\\r\\n\\r\\n\\r\\n## Statistics on Cloud Service Providers\\r\\n<br />\\r\\n\\r\\n| ![Stats on Cloud Service Providers](cloud-provider-market-share-trend.jpg) |\\r\\n| :--: |\\r\\n| *Stats on Cloud Service Providers* |\\r\\n\\r\\nAWS still holds over a third of the cloud services market:\\r\\n\\r\\n- In Q2 2022, [**AWS**](https://aws.amazon.com/) commanded **34%** of the cloud market, a **1%** increase year-over-year. [**Azure**](https://azure.microsoft.com/en-in) is second with **21%** of the market, followed by [**Google Cloud**](https://cloud.google.com/) **(10%)**, [**Alibaba**](https://in.alibabacloud.com/en) **(5%)**, and [**IBM**](https://www.ibm.com/cloud) **(4%)**.\\r\\n- Amazon\'s revenue from AWS grew from **5.62** in 2014 to **13.24%** in 2021.\\r\\n- The survey also showed the cloud market continues to grow **34%** year-over-year.\\r\\n\\r\\n:::tip FunFact\\r\\n\\r\\nIt took Netflix seven years to migrate to AWS\\r\\n\\r\\n:::\\r\\n\\r\\n## Some drawbacks to have a look upon\\r\\n<br />\\r\\n\\r\\n| ![Drawbacks of Cloud Computing](drawback.jpg) |\\r\\n| :--: |\\r\\n| *Drawbacks of Cloud Computing* |\\r\\n\\r\\nAccording to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure **(68 percent)**; unauthorized access **(58 percent)**; insecure API **(52 percent)**; accounts, services or traffic hijacking **(50 percent)** and external data sharing **(43 percent)**.\\r\\n\\r\\n:::info \\r\\n\\r\\nIf you are interested in finding out more about cloud security, we have an [excellent article detailing cloud security measures](https://www.cloudwards.net/cloud-security/) for cloud storage services.\\r\\n\\r\\n:::\\r\\n\\r\\n## Conclusion\\r\\n\\r\\n- In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.\\r\\n- The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.\\r\\n- However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.\\r\\n- Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.\\r\\n\\r\\nIn short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come."},{"id":"breaking-the-ice-open-source","metadata":{"permalink":"/blog/breaking-the-ice-open-source","source":"@site/blog/2023-04-07-opensource/index.md","title":"Breaking The Ice - Open Source","description":"Breaking The Ice - Open Source","date":"2023-04-07T00:00:00.000Z","formattedDate":"April 7, 2023","tags":[{"label":"free","permalink":"/blog/tags/free"},{"label":"open","permalink":"/blog/tags/open"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":3.415,"hasTruncateMarker":false,"authors":[{"name":"Vishal Rawat","title":"Co-creator & Chief Technical Officer of TCET Open Source","url":"https://github.com/vish-rt","imageURL":"https://github.com/vish-rt.png","key":"vishal"}],"frontMatter":{"slug":"breaking-the-ice-open-source","title":"Breaking The Ice - Open Source","authors":["vishal"],"tags":["free","open","source","software"],"description":"Breaking The Ice - Open Source","keywords":["free","open","source","software"]},"prevItem":{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"}},"content":"Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven\'t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.\\r\\n\\r\\n## What really _is_ Open Source?\\r\\n\\r\\nIf you\'re the engineering type of person that tackles humanity\'s problems and urgent needs by bringing together an entire community and building a \\"project\\" with them, you\'ll want to know about **Open source**. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. \\r\\n\\r\\nHere it is again in bigger letters, for impact:\\r\\n\\r\\n> ### Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.\\r\\n\\r\\nAnd now you know what open source is. _In theory, this blog post could be done!_\\r\\n\\r\\n---\\r\\n\\r\\n### Beyond the marketing standpoint\\r\\n\\r\\nTechnology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find \\"buzz words\\" which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.\\r\\n\\r\\nOne such \\"buzz word\\" in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term \\"open source\\" was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.\\r\\n\\r\\nOpen source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your **homework**: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality _(which I don\'t)_, you send this document to all your classmates who start doing bits of your homework.\\r\\n\\r\\n_The result?_ A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.\\r\\n\\r\\n### But open source doesn\'t stop there\\r\\n\\r\\nImagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.\\r\\n\\r\\n| ![Example of suggestions](meme.jpg) |\\r\\n|:--:|\\r\\n| *A simple conversation between a contributor and a project developer* |\\r\\n\\r\\nAnother way to look at open source can be building the big **Lego City** together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.\\r\\n\\r\\n| ![Software Engineers](budding.jpg) |\\r\\n|:--:|\\r\\n| *Budding software engineers collaborating to build their project* |\\r\\n\\r\\nOpen source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like **Android** to **Linux**: the operating system used by many corporates and tech giants, there\'s no saying what the next big thing will be.\\r\\n\\r\\n| ![Open Source](open.jpg) |\\r\\n|:--:|\\r\\n| *Python, Dart, React, MongoDB, even this text box is open source* |\\r\\n\\r\\nThat\'s about the gist of what I wished to express regarding open source. Surely that\'s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts."}]}')}}]); \ No newline at end of file diff --git a/assets/js/b2f554cd.551789bc.js b/assets/js/b2f554cd.551789bc.js new file mode 100644 index 00000000..ddd38d59 --- /dev/null +++ b/assets/js/b2f554cd.551789bc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1477],{10:e=>{e.exports=JSON.parse('{"blogPosts":[{"id":"intro-to-ai-automation","metadata":{"permalink":"/blog/intro-to-ai-automation","source":"@site/blog/2023-10-13-AI-Automation/index.mdx","title":"AI Automation Odyssey: Navigating the Future of Work and Innovation","description":"AI Automation Odyssey: Navigating the Future of Work and Innovation","date":"2023-10-13T00:00:00.000Z","formattedDate":"October 13, 2023","tags":[{"label":"AI","permalink":"/blog/tags/ai"},{"label":"Automation","permalink":"/blog/tags/automation"},{"label":"Work","permalink":"/blog/tags/work"},{"label":"Innovation","permalink":"/blog/tags/innovation"},{"label":"Data","permalink":"/blog/tags/data"},{"label":"Technology","permalink":"/blog/tags/technology"}],"readingTime":4.125,"hasTruncateMarker":true,"authors":[{"name":"Aadil Rayeen","title":"Docs Team Member | AI & ML Enthusiast | Web Developer","url":"https://github.com/AadilRayeen","imageURL":"https://github.com/AadilRayeen.png","key":"aadil"}],"frontMatter":{"slug":"intro-to-ai-automation","title":"AI Automation Odyssey: Navigating the Future of Work and Innovation","authors":["aadil"],"tags":["AI","Automation","Work","Innovation","Data","Technology"],"description":"AI Automation Odyssey: Navigating the Future of Work and Innovation","keywords":["AI","Automation","Work","Innovation","Data","Technology"]},"nextItem":{"title":"CNCF Zero to Merge - Your first step towards Open-Source","permalink":"/blog/CNCF-Zero-to-Merge"}},"content":">Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today\'s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We\'ll look at the main aspects of AI automation in this post.\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n<br />\\r\\n\\r\\n| ![AI Automation](intro.png) |\\r\\n| :--: |\\r\\n| *Automation* |\\r\\n\\r\\n## What is AI Automation ?\\r\\n\\r\\n- Artificial Intelligence (AI) automation is the use of machine learning and artificial intelligence to carry out activities automatically. \\r\\n- By minimizing human mistake and working nonstop, it achieves tremendous efficiency gains that lower costs and increase profitability. \\r\\n- Simple rule-based processes to more complicated, adaptive, and intelligent behaviors can all be automated.\\r\\n- Basic purpose of AI automation is to use AI capabilities to make tasks more efficient, accurate, and cost-effective. \\r\\n- This technology can process enormous amounts of data, make predictions about the future, and customize user experiences. \\r\\n\\r\\n## Power of AI Automation\\r\\n\\r\\nAI automation has the capacity to completely alter industries and redefine how we live and work. It improves customer service, supports decision-making, and encourages innovation while being accessible 24/7. AI automation is a versatile force with broad ramifications across industries as it improves resource allocation, simplifies operations, and reduces risks. Its capacity to boost human potential and promote ongoing improvement highlights its crucial role in determining the course of the future. The nexus of Automation and Artificial Intelligence (AI) has expanded quickly, spawning cutting-edge tactics that promise to fundamentally transform industries and expedite procedures. This technology is a game-changer in many industries because it can undertake repetitive, time-consuming jobs with higher accuracy, consistency, and speed than people. \\r\\n\\r\\nimport jobs from \\"./jobs.jpg\\";\\r\\n\\r\\n<figure>\\r\\n <center><img src={jobs} style={{ border: \\"2px solid gray\\" }} /></center>\\r\\n <center><figcaption>Affect of AI Automation on Jobs</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n## Evolution of AI Automation\\r\\n\\r\\nAI automation has come a long way from basic rule-based processes. Today, it combines machine learning, natural language processing, and other AI techniques to deliver more sophisticated and adaptive solutions. \\r\\nHere are some advanced AI automation strategies:\\r\\n\\r\\n<details>\\r\\n<summary><b>Cognitive Automation</b></summary>\\r\\n<div>\\r\\nAI and human intelligence are used in cognitive automation to simulate human thought processes. It can make judgments, comprehend unstructured data, and even pick up new information as it is input. In industries like healthcare, where it may help with diagnosis and treatment suggestions, this technology is extremely beneficial.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>Predictive Maintenance</b></summary>\\r\\n<div>\\r\\nMachine learning algorithms are used in AI-powered predictive maintenance to predict when equipment will break down. By just maintaining machines as needed, this aids businesses in avoiding unanticipated downtime and lowering maintenance expenses.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>Conversational AI</b></summary>\\r\\n<div>\\r\\nNatural language processing is used by conversational AI, which is frequently found in chatbots and virtual assistants, to engage in discussions that are human-like. This is extremely helpful for increasing user experiences, automating regular enquiries, and improving customer support.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>Robotic Process Automation (RPA)</b></summary>\\r\\n<div>\\r\\nRoutine, rule-based processes across numerous applications are automated by RPA. In order to eliminate human data entry and boost efficiency, it is commonly utilized in finance, HR, and logistics.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n## Benefits \\r\\n\\r\\nHere are some of the ways AI automation can benefit your organization :\\r\\n\\r\\nimport benefits from \\"./benefits.png\\";\\r\\n\\r\\n<figure>\\r\\n <center><img src={benefits} style={{ border: \\"2px solid gray\\" }} /></center>\\r\\n \\r\\n</figure>\\r\\n\\r\\n## Navigating the Future of Work\\r\\n\\r\\nAI automation is not just about cost savings and efficiency; it\'s about reshaping the very nature of work. \\r\\nThe future of work, characterized by automation, presents several key facets:\\r\\n\\r\\n- Innovation: As AI automation handles routine tasks, human workers can focus on more creative, strategic, and innovative endeavors, driving progress and innovation.\\r\\n\\r\\n- Job Evolution: The workforce will see a shift in the nature of jobs. While some tasks become automated, new roles related to AI and automation will emerge.\\r\\n\\r\\n- Continuous Learning: The future workforce will need to embrace lifelong learning and adaptability to remain relevant in an ever-changing job market.\\r\\n\\r\\n- Ethical Considerations: As AI automation continues to expand, ethical considerations related to bias, transparency, and accountability become paramount.\\r\\n\\r\\nimport nature from \\"./nature.png\\";\\r\\n\\r\\n<figure>\\r\\n <center><img src={nature} style={{ border: \\"2px solid gray\\" }} /></center>\\r\\n \\r\\n</figure>\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nTo summarize, the AI Automation Odyssey is a thrilling and revolutionary adventure with enormous potential to shape the future of work and creativity. The value of AI automation rests in its capacity to improve productivity, decrease errors, save money, and promote innovation across multiple industries. As its influence grows, the workforce must adapt to changing responsibilities and the continual requirement for lifelong learning. Ethical considerations are vital, and ethical AI automation deployment is required to ensure that it benefits society as a whole. The future of work is changing, and the opportunity for creativity is limitless. \\r\\n\\r\\n<center><b>Our adventure has only just begun and the future holds exciting discoveries, </b></center>\\r\\n<center><b>Stay tuned for more insights and developments on this remarkable odyssey !!!!</b></center>"},{"id":"CNCF-Zero-to-Merge","metadata":{"permalink":"/blog/CNCF-Zero-to-Merge","source":"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md","title":"CNCF Zero to Merge - Your first step towards Open-Source","description":"Blog on how to get started with open-source","date":"2023-10-10T00:00:00.000Z","formattedDate":"October 10, 2023","tags":[{"label":"open-source","permalink":"/blog/tags/open-source"},{"label":"CNCF","permalink":"/blog/tags/cncf"},{"label":"Zero-to-Merge","permalink":"/blog/tags/zero-to-merge"}],"readingTime":5.255,"hasTruncateMarker":true,"authors":[{"name":"Rajdeep Pal","title":"Contributor","url":"https://github.com/Rajdeep1311","image_url":"https://github.com/Rajdeep1311.png","imageURL":"https://github.com/Rajdeep1311.png"}],"frontMatter":{"slug":"CNCF-Zero-to-Merge","title":"CNCF Zero to Merge - Your first step towards Open-Source","authors":[{"name":"Rajdeep Pal","title":"Contributor","url":"https://github.com/Rajdeep1311","image_url":"https://github.com/Rajdeep1311.png","imageURL":"https://github.com/Rajdeep1311.png"}],"tags":["open-source","CNCF","Zero-to-Merge"],"description":"Blog on how to get started with open-source","keywords":["open-source","CNCF"]},"prevItem":{"title":"AI Automation Odyssey: Navigating the Future of Work and Innovation","permalink":"/blog/intro-to-ai-automation"},"nextItem":{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"}},"content":"> CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program\\r\\n<br/>\\r\\n\\r\\n# CNCF Zero to Merge - Your first step towards Open-Source\\r\\n\\r\\n![CNCF LOGO](CNCF_Logo.jpg)\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## Introduction\\r\\n\\r\\nThis blog summarizes my experience with the Cloud Native Computing Foundation\'s first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by [Rohit Ghumare](https://github.com/rohitg00). If you are willing to register for the program, you can check out the link [here](https://project.linuxfoundation.org/cncf-zero-to-merge-application). CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals.\\r\\n\\r\\nThe CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week.\\r\\n\\r\\n## During the program\\r\\n\\r\\n**Week 1 Session 1**: The initial session of the program\'s first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community.\\r\\n\\r\\n**Week 1 Session 2:** During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation.\\r\\n\\r\\n**Week 2 Session 1:** In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR).\\r\\n\\r\\n**Week 2 Session 2:** The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter.\\r\\n\\r\\n**Week 3 Session 1:** In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers.\\r\\n\\r\\n**Week 3 Session 2**: This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had.\\r\\n\\r\\n**Week 4 Session 1:** The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials.\\r\\n\\r\\n**Week 4 Session 2:** The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees.\\r\\n\\r\\n## Key Takeaways from the Program\\r\\n\\r\\n![CNCF](cncf2.png)\\r\\n\\r\\nCNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time.\\r\\n\\r\\nHere\'s a summary of the process:\\r\\n\\r\\n**1. Find a Project:** Choose a CNCF incubating project that interests you and has welcoming maintainers.\\r\\n\\r\\n**2. Understand the Issue:** Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers.\\r\\n\\r\\n**3. Fork the Repository:** Create a fork of the project\'s repository on your GitHub account to work on your changes separately.\\r\\n\\r\\n**4. Make a Branch:** Create a new branch in your fork to isolate your work and make it easier to create a pull request later.\\r\\n\\r\\n**5. Make the Changes:** Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository.\\r\\n\\r\\n**6. Test Your Changes:** Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests.\\r\\n\\r\\n**7. Create a Pull Request:** Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback.\\r\\n\\r\\n**8. Iterate Based on Feedback:** Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically.\\r\\n\\r\\n**9. Merge:** Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project.\\r\\n\\r\\n**10. Celebrate:** Congratulations, you\'ve successfully made your first open-source contribution! You are now an official contributor to the project.\\r\\n\\r\\nThis program is a great way to get started with open source and can be very rewarding. It\'s important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nThis is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It\'s important to follow these steps carefully to ensure a smooth and successful contribution experience.\\r\\n\\r\\nThe CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project."},{"id":"web-crawling","metadata":{"permalink":"/blog/web-crawling","source":"@site/blog/2023-10-08-web-crawling/index.mdx","title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","description":"In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects.","date":"2023-10-08T00:00:00.000Z","formattedDate":"October 8, 2023","tags":[{"label":"web crawling","permalink":"/blog/tags/web-crawling"},{"label":"data extraction","permalink":"/blog/tags/data-extraction"},{"label":"automation","permalink":"/blog/tags/automation"}],"readingTime":5.105,"hasTruncateMarker":true,"authors":[{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"web-crawling","title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","authors":["mahima"],"tags":["web crawling","data extraction","automation"],"description":"In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects.","keywords":["web crawling","BeautifulSoup","scrapy","data extraction"]},"prevItem":{"title":"CNCF Zero to Merge - Your first step towards Open-Source","permalink":"/blog/CNCF-Zero-to-Merge"},"nextItem":{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"}},"content":"> _Web crawling, also known as web scraping, is the process of automatically extracting data from websites. \\r\\nIt allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. \\r\\nIn this blog, we\u2019ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects._\\r\\n\\r\\n<br />\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\nimport webcrawl from \\"./web_crawl.png\\"\\r\\nimport benefits from \\"./benefits.png\\"\\r\\nimport process from \\"./process.png\\"\\r\\n\\r\\n<figure>\\r\\n <img src={webcrawl} style={{border: \\"2px solid grey\\"}}/>\\r\\n</figure>\\r\\n\\r\\n## What if I told you that web crawling could come to your rescue even in unexpected work scenarios? \ud83e\udd14\\r\\n\\r\\nImagine you\u2019re on a relaxing weekend, enjoying your favorite Netflix series, when suddenly your boss calls with an urgent task.\\r\\n\\r\\nLet\u2019s say your boss needs a comprehensive analysis of competitors\u2019 pricing for an upcoming project. Manually collecting this data from various websites would be time-consuming and error-prone. \\r\\nHowever, with web crawling, you can **automate the data extraction process**, quickly gathering pricing information from multiple sources and generating a detailed report. \\r\\nNot only does this save you hours of manual work, but it also **ensures accuracy** and **provides valuable insights** for your boss.\\r\\n\\r\\nWeb crawling can be a game-changer in various work scenarios. Need to gather customer reviews for a product launch? \\r\\nWeb crawling can swiftly scrape reviews from e-commerce platforms, allowing you to analyze sentiment and make data-driven decisions. \\r\\nWant to monitor industry trends or track news updates? Web crawling can continuously fetch relevant information from news websites, keeping you up to date and enabling you to stay ahead of the competition.\\r\\n\\r\\n## Benefits \\r\\n\\r\\nLet\'s have a look at the various benefits of web crawling that have made it a popular concept for seamless integration within large-scale enterprises.\\r\\n\\r\\n<figure>\\r\\n <img src={benefits} style={{border: \\"2px solid black\\"}}/>\\r\\n <center><figcaption>Benefits of Web Crawling</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n## Process of Web Crawling\\r\\n\\r\\n<figure>\\r\\n <img src={process} style={{border: \\"2px solid black\\"}}/>\\r\\n <center><figcaption>Process of Web Crawling</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udca1 Discovery</b></summary>\\r\\n<div>\\r\\nIn the discovery stage, a web crawler starts by identifying set of seed URLs. These seed URLs are the starting points from which the crawler begins exploring the web. \\r\\nThey can be manually provided or generated programmatically. The crawler then extracts the links present on the web page of the seed URLs and adds them to a queue for further processing.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udd77\ufe0f Crawling</b></summary>\\r\\n<div>\\r\\nThe crawling stage involves visiting the URLs in the queue and retrieving the corresponding web pages. \\r\\nThe crawler sends HTTP requests to the web servers hosting the pages and receives HTTP responses in return. \\r\\nThe responses typically include HTML content, but they can also include other types of files such as images, CSS files, or JavaScript files. The crawler parses the HTML content to extract links and other relevant information for subsequent crawling.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\u26cf\ufe0f Fetching</b></summary>\\r\\n<div>\\r\\nDuring the fetching stage, the crawler retrieves the content of the web pages by downloading them from the web servers. \\r\\nThis process involves downloading the HTML and any associated files, such as images or scripts, required to render the page correctly. \\r\\nThe fetched content is then stored for further processing.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udcbb Rendering</b></summary>\\r\\n<div>\\r\\nRendering refers to the process of processing and executing JavaScript code present on web pages. Some web pages heavily rely on JavaScript to load and display content dynamically. \\r\\nModern web crawlers often include a rendering engine that can execute JavaScript code, allowing the crawler to handle pages that rely on client-side rendering.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udcd1 Indexing</b></summary>\\r\\n<div>\\r\\nOnce the web pages are fetched and rendered, the crawler can extract the desired data from the pages. This data can include text content, metadata, links, or any other relevant information. \\r\\nThe extracted data is typically processed and stored in an organized manner, such as in a database or an index, for further analysis or retrieval.\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n\\r\\n:::info\\r\\nIt\u2019s important to note that web crawling is an iterative process. \\r\\nAs the crawler discovers new links during the crawling stage, it adds them to the queue for subsequent crawling, continuing the process of discovery, crawling, fetching, rendering, and indexing for a broader coverage of the web.\\r\\n:::\\r\\n\\r\\n## Getting Started with Web Crawling\\r\\n\\r\\n- **Identify Your Data Needs**: Determine the specific information you want to extract from websites. \\r\\nIt could be product details, contact information, news articles, or any other relevant data.\\r\\n\\r\\n- **Choose a Web Crawling Tool**: There are various web crawling frameworks and libraries available, such as BeautifulSoup and Scrapy in Python. \\r\\nSelect a tool that aligns with your programming language and project requirements.\\r\\n\\r\\n> _You can learn more about Python Scrapy [**here**](https://docs.scrapy.org/en/latest/intro/tutorial.html)_\\r\\n\\r\\n- **Understand the Website Structure**: Familiarize yourself with the target website\u2019s structure. Identify the HTML elements that contain the data you need, such as class names, IDs, or specific tags.\\r\\nSome key steps to follow here may include:\\r\\n 1. Inspect the web page\\r\\n\\r\\n 2. Explore the HTML Elements\\r\\n\\r\\n 3. Identify unique Identifiers\\r\\n\\r\\n```html\\r\\nExample: <div class=\\"product-name\\">\\r\\n```\\r\\n\\r\\n- **Write the Crawling Code**: Utilize your chosen web crawling tool to write code that navigates through the website, locates the desired data, and extracts it. \\r\\nThis involves sending HTTP requests, parsing HTML content, and selecting the relevant elements.\\r\\n\\r\\n- **Handle Website-Specific Challenges**: Some websites may implement anti-crawling measures like CAPTCHA or rate limiting. \\r\\nImplement strategies like rotating IP addresses or adding delays in your crawling code to handle such challenges.\\r\\n\\r\\n## Ethical Considerations\\r\\n\\r\\nWhile web crawling can be a powerful tool for data extraction, it\u2019s important to respect website owners\u2019 terms of service and adhere to ethical guidelines. Always ensure that your crawling activities are legal and ethical. \\r\\nBe mindful of any website-specific crawling policies and consider reaching out to website owners for permission when necessary.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nWeb crawling opens up a world of possibilities for data extraction and analysis. By automating the process of gathering data from websites, you can save time and collect valuable insights. Armed with the knowledge from this beginner\u2019s guide, you\u2019re ready to embark on your web crawling journey. \\r\\nRemember to stay ethical, explore different tools, and continue learning as you dive deeper into the exciting world of web crawling."},{"id":"intro-to-blockchain","metadata":{"permalink":"/blog/intro-to-blockchain","source":"@site/blog/2023-10-7-Blockchain/index.md","title":"Blockchain - Future of Tommorow","description":"Blockchain - Future of Tommorow","date":"2023-10-07T00:00:00.000Z","formattedDate":"October 7, 2023","tags":[{"label":"Blockchain","permalink":"/blog/tags/blockchain"},{"label":"Data","permalink":"/blog/tags/data"},{"label":"Software","permalink":"/blog/tags/software"},{"label":"Technology","permalink":"/blog/tags/technology"}],"readingTime":6.73,"hasTruncateMarker":true,"authors":[{"name":"Kashish Singh","title":"Technical Team Member [TSDW-TCET]","url":"https://github.com/kashish-51","image_url":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4","imageURL":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4"}],"frontMatter":{"slug":"intro-to-blockchain","title":"Blockchain - Future of Tommorow","authors":[{"name":"Kashish Singh","title":"Technical Team Member [TSDW-TCET]","url":"https://github.com/kashish-51","image_url":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4","imageURL":"https://avatars.githubusercontent.com/u/136115355?\u202600&u=e75a3214ca24205e70ac923046f3d68e209c0cfc&v=4"}],"tags":["Blockchain","Data","Software","Technology"],"description":"Blockchain - Future of Tommorow","keywords":["Blockchain","Data","Software","Technology","Bitcoin"]},"prevItem":{"title":"Web Crawling, A Beginner\u2019s Perspective on Data Extraction","permalink":"/blog/web-crawling"},"nextItem":{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"}},"content":"> Ever wondered what blockchain is and how it looks? Let\'s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n<br />\\r\\n\\r\\n| ![Blockchain](BlockChain.jpg) |\\r\\n| :--: |\\r\\n| *Blockchain technology* |\\r\\n\\r\\n<br/>\\r\\n\\r\\n# *What is Blockchain* ? \\r\\n<br/>\\r\\n\\r\\nDistributed database and immutable ledger used for recording transactions, tracking assets and building trust is termed as blockchain.<br/>\\r\\nLet\u2019s take an example:<br/>\\r\\nImagine a blockchain as a super secure digital notebook for businesses. This notebook stores information in a special way. Instead of writing everything in one long list, it divides the information into blocks and connects them like a chain.\\r\\nWhat\'s cool about this digital notebook is that once something is written in it, you can\'t erase it or change it without everyone in the network agreeing. It\'s like having a magical pen that only writes the truth.\\r\\nSo, businesses use blockchain to keep an unchangeable record of things like orders, payments, and accounts. It\'s like a super reliable ledger that makes sure nobody sneaks in fake or unauthorized entries. Everybody in the network sees the same information, so there\'s no confusion.\\r\\n\\r\\n## *What does blocks of Blockchain consist of* ?\\r\\n<br/>\\r\\n\\r\\nBlocks are the place or container which stores all information of user like transaction data being one of many examples and once the data is stored in blocks it cannot be altered again.\\r\\n- Data : It is gives information about the user.\\r\\n- [**Hash**](https://www.geeksforgeeks.org/blockchain-hash-function/): A hash is a mathematical function that turns any kind of information into a secret code with a specific length. It\'s like a machine that takes in any size of data and spits out a code that\'s always the same size\\r\\n- Hash of previous block : Every consequent blocks are connected with the hash of previous block. So if any one alters the one block the whole chain will get disrupted and with this it is easy to track where the data alteration is performed.\\r\\n<br/><br/>\\r\\n\\r\\n| ![Blocks of Blockchain](Blocks-of-blockchain.png) |\\r\\n| :--: |\\r\\n| *Blocks of Blockchain* |\\r\\n\\r\\n## *Different types of Blockchain Technology* \\r\\n<br />\\r\\n\\r\\n<details>\\r\\n<summary><b>Public Blockchain </b></summary>\\r\\n<div>\\r\\nHere anyone and everyone can participate in the core activities of the blockchain network. In this network system problems like centralization, less security, and less transparency don\u2019t exist as it uses Distributed Ledger Technology( which means data is distributed across the network) . The very first example of this is Bitcoin. It enables everyone to perform transactions. Other examples of this include Litcoin and Ethereum. Use cases of public networks are in Document Validation and cryptocurrency.\\r\\n \\r\\n\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Private Blockchain </b></summary>\\r\\n<div>\\r\\nA private blockchain is like a special club for a group of people or organizations. In this club, only those who are invited can join and participate. It\'s not open to the public, like the internet. Just like a public network it also stores data in a decentralised manner. As they are limited in their size, the transaction takes place very fast.\\r\\n\\"You can think of private blockchains as being the intranet, while the public blockchains are more like the internet,\\" Godefroy said.\\r\\nUse cases of this are supply chain, internal voting, and asset ownership.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Hybrid Blockchain </b></summary>\\r\\n<div>\\r\\nIn simpler words, a hybrid network is a combination of both private and public networks. Companies like real estate which want to keep some of their data private and need to show some information to the public like listings, use this type of network. According to Godfroy medical records can also be stored on this blockchain network where users can access their data without any third-party interruption.\\r\\n</div>\\r\\n</details>\\r\\n<details>\\r\\n<summary><b>Consortium Blockchain </b></summary>\\r\\n<div>\\r\\n A consortium blockchain, also called a federated\\r\\nblockchain, combines features of both private and public blockchains. It\'s like\\r\\na mix of the two. In this type of blockchain, several organizations work\\r\\ntogether on a shared network, and not just one entity has control, reducing the\\r\\nrisks. It is more like a team effort instead of just one person or organization being in charge. Use cases for this network are Banking and payment.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n## *Why Blockchain is becoming integral part of our life* ? \\r\\n<br/>\\r\\n\\r\\nBlockchain technology has become a buzzword in recent times. Companies, institutions, and various transactions are rapidly adopting blockchain technology. Its popularity extends beyond cryptocurrencies like Bitcoin, and following are the important reasons why blockchain is gaining prominence:<br/><br/>\\r\\n\\r\\n 1) <b>Decentalization</b><br/>\\r\\nTraditionally, we relied on centralized authorities like banks and governments for our transactions and record-keeping. Additionally, the risks of data tampering and alteration were more significant than one could imagine. To address these issues, blockchain has emerged as a solution. At its core, blockchain embodies the concept of decentralization, which means data is not stored in one central location or controlled by a single organization. Instead, it enables the distribution of control and verification across a network of participants.\\r\\n\\r\\n2) <b>Smart Contracts</b><br/>\\r\\n[**Smart Contracts**](https://www.ibm.com/topics/smart-contracts#:~:text=Next%20Steps-,Smart%20contracts%20defined,intermediary\'s%20involvement%20or%20time%20loss.), residing on blockchain technology, execute automatically when predefined conditions are satisfied, eliminating the need for intermediaries such as banks or attorneys. Parties encode contract terms, ensuring immediate execution upon meeting conditions, reducing costs, and optimizing efficiency.\\r\\n\\r\\n3) <b> Transparency and Security</b><br/>\\r\\nBlockchain technology provides a transparent system where all activities are visible to the public. Since blockchain is a decentralized and distributed ledger, all transactions on the internet are accessible to all network participants. Blockchain achieves transparency through the use of encryption methods for secure and unchangeable record-keeping. Blockchain security results from a combination of distributed consensus and cryptographic techniques.\\r\\n\\r\\n4) <b>Intellectual Property (IP)</b><br/>\\r\\nIntellectual property (IP) in blockchain involves ownership of digital assets, patents for blockchain innovations, smart contracts for IP agreements, and open-source licensing. Few methods with which blockchain technology make use of IP is: Patent, Copyrights,Trademarks and Trade secrets.\\r\\n\\r\\n## *Applications of Blockchain* \\r\\n<br/>\\r\\n\\r\\nToday, we cannot imagine our lives without the internet. It has become an integral part of our daily routines. Almost everything we do happens through the internet, and in some ways, we are highly dependent on it. Due to the sudden rise in the popularity of blockchain in the previous decade, it is estimated that, like the internet, blockchain will also become an integral part of our lives. It\'s applicatiion ranges from transaction, healthcare, cryptocurrency, [**bitcoin**](https://www.geeksforgeeks.org/what-is-bitcoin/), IoT and what not. The part of the tech industry that deals with online data and services is about to go through a big and important change because of blockchain technology.\\r\\n<br/><br/>\\r\\n\\r\\n| ![Applications of Blockchain](Blockchain-Applications.webp) |\\r\\n| :--: |\\r\\n| *Applications of Blockchain* |\\r\\n\\r\\n## *Let us have a look at some drawbacks of Blockchain technology*\\r\\n<br/>\\r\\n\\r\\n- The implementation cost of blockchain is very high. For a small company, it becomes difficult to shift to blockchain technology because they need to hire a skilled blockchain developer, and in addition to this, infrastructure costs will also be incurred, which require a significant amount of funding.\\r\\n- The continuous operation of mining, minting, and transaction validation demands powerful systems that run non-stop. Beyond substantial investments, these activities consume significant amounts of energy, resulting in potentially severe environmental repercussions.\\r\\nTo address the negative environmental impact, China has taken the step of banning blockchain mining in the Inner Mongolia region.\\r\\n- In the context of blockchain networks like Bitcoin, a 51% attack occurs when a single entity or group of entities controls more than 50% of the network\'s mining or computational power. This level of control can potentially allow them to manipulate transactions and disrupt the normal functioning of the network.\\r\\n\\r\\n## *Conclusion*\\r\\n<br/>\\r\\n\\r\\nIn conclusion, blockchain\'s decentralization, smart contracts, and transparency offer transformative solutions across industries. Despite high implementation costs and environmental concerns, its impact is undeniable. Just as the internet integrated into daily life, blockchain is poised to shape the future of transactions and data management, promising an exciting path in technology and business."},{"id":"linux-basics","metadata":{"permalink":"/blog/linux-basics","source":"@site/blog/2023-10-06-linux-cli/index.mdx","title":"Basics of GNU/Linux","description":"In this blog, you will understand the basic concept of the linux kernel and it\'s ecosystem in system softwares.","date":"2023-10-06T00:00:00.000Z","formattedDate":"October 6, 2023","tags":[{"label":"linux","permalink":"/blog/tags/linux"},{"label":"cli","permalink":"/blog/tags/cli"},{"label":"terminal","permalink":"/blog/tags/terminal"},{"label":"tui","permalink":"/blog/tags/tui"}],"readingTime":13.635,"hasTruncateMarker":true,"authors":[{"name":"Gaurang Vishwakarma","title":"Creator of TCET Open Source","url":"https://github.com/demonkillerr","imageURL":"https://github.com/demonkillerr.png","key":"gaurang"},{"name":"Saasha Gupta","title":"Docs Team Member","url":"https://github.com/saashaspace","imageURL":"https://github.com/saashaspace.png","key":"saasha"}],"frontMatter":{"slug":"linux-basics","title":"Basics of GNU/Linux","authors":["gaurang","saasha"],"tags":["linux","cli","terminal","tui"],"description":"In this blog, you will understand the basic concept of the linux kernel and it\'s ecosystem in system softwares.","keywords":["linux","cli","terminal","tui","opensource"]},"prevItem":{"title":"Blockchain - Future of Tommorow","permalink":"/blog/intro-to-blockchain"},"nextItem":{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"}},"content":"Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. \\r\\n\\r\\nSo, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world. \\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## The world of operating systems\\r\\nMost modern opearting systems can be grouped into two categories:\\r\\n- Microsoft NT descendants like Windows XP to Windows 11, Xbox OS, Windows Phone\\r\\n- Unix based (Mostly everything apart from Windows)\\r\\n\\r\\n### Why UNIX based?\\r\\nWell, the answer is simple. Most of unix-based operating systems are free to use or modify, and hence are widely adopted. UNIX itself has died today, however, it\'s clones and descendants are still alive. Some of these operating systems are direct clones of the UNIX source code, while some such as Linux are UNIX-like. Errr.. so unix-based, unix-like, what are all these?\\r\\n\\r\\nDon\'t worry, I will cover this in the next section. What\'s important in this section is you understand the fact almost everything that is not based on Microsoft NT is a direct or indirect descendant of UNIX. Some examples of operating systems that are descendants of UNIX are:\\r\\n1. Linux and it\'s derivative distributions\\r\\n2. Mac OS X\\r\\n3. BSD \\r\\n4. ChromeOS \\r\\n5. Android\\r\\n6. PS4 OS\\r\\n\\r\\nWhy is this important? Because all of these operating systems here share a plethora of common core functionailty. To put it simply, most of their internals and most of their functions are same, if not, similar. For example, all of these operating systems have the same basic commands.\\r\\n\\r\\n## History of operating systems\\r\\nSince most of the operating systems today can trace their lineage to UNIX, it is important to atleast have a brief idea of what UNIX is, even though the original versions of UNIX no longer survive. Understanding the history will also help you understand why UNIX-based commands do not work on something like Windows.\\r\\n\\r\\n### What is UNIX?\\r\\nUNIX was an operating system, developed at Bell labs in mid 1960s. Many of their innovations and design choices of the original UNIX team have lived up to 60+ years, well into the 2020s. These design choices include the idea of a multiuser operating system and a hierarchical filesystem.\\r\\n\\r\\nUNIX truely is the grandfather of all modern operating systems. All of these features that were built into different versions of the original UNIX operating system still exist in operating systems like Mac OS, Android, linux distributions and basically every thing that can trace their lineage back to UNIX.\\r\\n\\r\\nSince Microsoft operating systems cannot trace back their lineage to UNIX, all UNIX features do not work on windows. The commands that you can run colloquially on both MacOS and Linux, do not exist natively on Windows. Windows has it\'s own commands, and it\'s own way of doing things.\\r\\n\\r\\n![](history.png)\\r\\n<p align=\\"center\\"><b>FIG 1:</b> UNIX\'s descendants</p>\\r\\n\\r\\n\\r\\n### Closed Source, Mixed Source, and Open Source\\r\\nIn the diagram in the above section, you can see a legend in the top right that annotates the color codes given in the diagram. These are:\\r\\n- <b>Closed Source</b> (denoted by Red): These were descendants of UNIX that were further developed by companies like Sun Microsystem, HP, etc. The source code of these developements of UNIX were strictly guarded. The code itself was kept a secret from the public and the clients did not have the permission to change or alter the source code in anyway. Each company had their own non-permissive license.\\r\\n- <b>Mixed Source</b> (denoted by Yellow): These were the descendants of UNIX that were further developed by colleges like Univesity of California, Berkeley, and many others. Berkeley was influential as they had released a mixed source code license (also known as BSD license), that would allow sharing and modification of the source code, with other colleges and companies, for educational or other purposes. \\r\\n- <b>Open Source</b> (denoted by Green): These were descendants of UNIX whose developement was done in public as their source code was made freely available for everyone to view, modify, and use. The license that governed open source software were early versions of the GNU public license(GPL). The GPL from the early days has been a really permissive license as it allowed inspection and modification of the source code as per requirement.\\r\\n\\r\\nLicensing was the key differentiator in all of these descendants of UNIX, as they governed what could be done with the operating system. Companies have to make a profit, and colleges have to follow certain rules, hence we can understand why the first two cases wanted to safeguard their code behind non-permissive licenses. But why did the third case not want to protect their code?\\r\\n\\r\\nThe answer is, as mentioned in the above two scenarios, software was a commodity that had to be purchased. The closed source versions were to be bought by clients. (Just like you buy a windows license). These were expensive to do so and also there were limited innovations in the software, like only in the company who built it or the college where it was developed. Hence, the Free Software Foundation was formed in the late 80s to solve this issue, and that is why they had created the GPL.\\r\\n\\r\\n### Free Software Foundation (FSF)\\r\\nThe free software foundation was built as a part of the free software movement in response to proprietary and restricted software. Free is not equal to free in terms of money. Free as FREEDOM. That was FSF\'s motto.\\r\\n\\r\\nThe movement\'s philosophy is that computers and software should not prevent cooperation between users, and instead should have the goal of liberating everyone in the cyberspace. This will encourage innovation in software. \\r\\n\\r\\nAccording to the movement\'s leader <b>Richard Stallman</b>:\\r\\n> Users should have the freedom to run, copy, distribute, study, change, and improve software.\\r\\n\\r\\nThis was a visionary statement as open source software allowed ground-breaking innovations in the software industry and today, most of the software we use, have some kind of free software in them, either completly or in parts.\\r\\n\\r\\n### What is GNU/Linux?\\r\\nRichard Stallman was the leader of a group of developers who wanted to create an open source version of the UNIX operating systems. Remember, most of the UNIX descendants like System V or BSD were closed source or mixed source? The open source operating system needed to have everything that normally came with UNIX. The components had to be FREE, as stated in the previous section.\\r\\n\\r\\nIn 1984, they began working on the GNU project (GNU stands for GNU\'s not UNIX). Creating an operating systems however is a daunting task, even for the most experienced developers. Luckily for him, at the same time, a student in the University of Helsinki, Linus Torvalds was working on his operating system kernel, called Linux. \\r\\n\\r\\nIn any operating system, the <b>kernel</b> is the most important and critical component. The kernel facilitates the interaction of the the hardware and other system software. At that time, while most parts of the GNU project were complete (including gcc - compiler, open source implementations of all unix-commands, etc), the project lacked a kernel. Linus Torvalds combined his Linux kernel with the rest of the components of the GNU ecosystem, to create a full operating system. This was known as <b>GNU/Linux</b>.\\r\\n\\r\\n![](kernel.png)\\r\\n<p align=\\"center\\"><b>FIG 2:</b> Kernel in operating system</p>\\r\\n\\r\\n#### Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.\\r\\n\\r\\n### Difference between unix-based vs unix-like\\r\\nIn FIG 1, you can see that many of the closed and mixed source operating systems are directly linked to the original UNIX. This is because the companies and colleges that wanted to develop their own versions of UNIX paid a royalty to Bell Labs to acquire UNIX. This might sound contradictary to their own non-permissive licenses. However Bell labs decided that they did not want to be in the operating systems buisness, and instead wanted to focus on telecommunication and phone buisness. Hence they happily sold off their versions of UNIX. Since these companies directly got their versions of UNIX from Bell labs, their descendant operating systems were called <b>unix-like</b>. \\r\\n\\r\\nThere are a bit of legal reasons too that I will not cover in the blog as it is out of scope for our discussion, but to put it in simple terms, there was a foundation formed by a few of these companies called <b>The Open Group</b>, and they defined the UNIX standard according to their developements of UNIX. In FIG 1, you can see that most of the operating systems do not have a direct connection to UNIX. This is because even though they are based on the original UNIX and are compatible with the UNIX standards, they have not been certified by The Open Group. This is often due to financial considerations, as open source projects do not have a definite source of income. Hence these operating systems are called <b>Unix-like</b>. It is basically a matter of certification by The Open Group, simply put.\\r\\n\\r\\n## Linux Distributions\\r\\nYou know that Linux is actually an operating system kernel and not an entire operating system in itself. When people talk about a linux based operating system, they are actually referring to Linux Distributions (often shorten to linux distro). Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc.\\r\\nDid you know that Linux is actually an operating system kernel and not an entire operating system in itself? When people talk about a linux based operating system, they are actually referring to Linux Distributions. Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc.\\r\\n\\r\\n### Types of Linux Distributions\\r\\nWhile there are hundreds of linux distributions, most of them are based on a few original ones. These are:\\r\\n- Arch Linux\\r\\n- Debian Linux\\r\\n- Red Hat Linux\\r\\n- Slackware\\r\\n- Gentoo\\r\\n- NixOS\\r\\n- Void Linux\\r\\n\\r\\nThe key difference between these distributions are usually their package managers. However, different distributions may choose to ship different types of components. Let\'s look at them in brief:\\r\\n\\r\\n| Distribution | Package Manager | init system | \\r\\n| ------------ | --------------- | ----------- |\\r\\n| Arch Linux | pacman | systemd |\\r\\n| Debian | apt or dpkg | systemd |\\r\\n| Red Hat | dnf or yum | systemd |\\r\\n| Slackware | slackpkg | bsd-style |\\r\\n| Gentoo | portage | openrc |\\r\\n| NixOS | nix | systemd |\\r\\n| Void Linux | xbps | runit |\\r\\n\\r\\nThese distributions are often called parent distributions as many other distributions are derived from them. Derivatives retain the package manager of the parent distributions while shipping different components. For example - a different shell, a different filesystem, etc.\\r\\n\\r\\n#### Well known derivative distributions\\r\\n- <b>Arch based</b>: Manjaro, EndeavourOS, Garuda Linux\\r\\n- <b>Debian based</b>: Ubuntu, Linux Mint, ElementaryOS\\r\\n- <b>Red Hat Based</b>: Fedora, CentOS, RockyLinux\\r\\n- <b>Gentoo based:</b> RedstarOS, Funtoo\\r\\n\\r\\n### Core Components of a distribution\\r\\nAs we have discussed, a linux distro comes with the linux kernel, a shell, a filesystem, a bunch of GNU tools, and other system software. Let us discuss in brief what each of these components do, and how they help the operating system function.\\r\\n\\r\\n#### Kernel\\r\\nThe kernel is a computer program at the core of a computer\'s operating system and generally has complete control over everything in the system. It is the portion of the operating system code that is always resident in memory and facilitates interactions between hardware and software components.\\r\\n\\r\\n#### Init System\\r\\nInit system (short of for <i>initialization</i>), is the first process started during booting of the operating system. Init is a daemon process that continues running until the system is shut down. It is the direct or indirect ancestor of all other processes and automatically adopts all orphaned processes. Init is started by the kernel during the booting process. The process ID of init system is <b>PID 1</b>. \\r\\n\\r\\nThe init system with the help of the kernel initialises all hardware on the computer. The init scripts are launched by the init process to guarantee basic functionality on system start and shutdown. This includes (un)mounting of file systems and launching of daemons (background services).\\r\\n\\r\\n#### Filesystem\\r\\nA file system or filesystem controls how data is stored and retrieved. Without a file system, information placed in a storage medium would be one large body of data with no way to tell where one piece of information stops and the next begins. By separating the data into pieces and giving each piece a name, the information is easily isolated and identified. Taking its name from the way paper-based information systems are named, each group of data is called a \\"file\\". The structure and logic rules used to manage the groups of information and their names is called a \\"file system\\".\\r\\n\\r\\n#### The shell\\r\\nFrom Wikipedia: \\r\\n>A Unix shell is a command-line interpreter or shell that provides a traditional user interface for the Unix operating system and for Unix-like systems. Users direct the operation of the computer by entering commands as text for a command line interpreter to execute or by creating text scripts of one or more such commands.\\r\\n\\r\\nA shell is a computer interface to an operating system. It exposes the operating systems\' services (init system for example) to human users. The shell takes our commands, and gives them to the operating system to perform. It is called a shell because it is an outer protective layer around the operating system.\\r\\n\\r\\n#### GNU tools\\r\\nThese are important tools that are present in some or other form since the UNIX days. The GNU toolchain is a broad collection of programming tools produced by the GNU Project. These tools form a toolchain (a suite of tools used in a serial manner) used for developing software applications and operating systems. \\r\\n\\r\\n#### Package manager\\r\\nFrom Wikipedia:\\r\\n> A package manager or package-management system is a collection of software tools that automates the process of installing, upgrading, configuring, and removing computer programs for a computer in a consistent manner.\\r\\n\\r\\nA package manager deals with packages, distributions of software and data in archive files. Packages contain metadata, such as the software\'s name, description of its purpose, version number, vendor, checksum (preferably a cryptographic hash function), and a list of dependencies necessary for the software to run properly. Upon installation, metadata is stored in a local package database. Package managers typically maintain a database of software dependencies and version information to prevent software mismatches and missing prerequisites. They work closely with software repositories, binary repository managers, and app stores. \\r\\n\\r\\n#### Desktop Enviroment \\r\\nA desktop environment bundles together a variety of components to provide common graphical user interface elements such as icons, toolbars, wallpapers, and desktop widgets. Additionally, most desktop environments include a set of integrated applications and utilities. Most importantly, desktop environments provide their own window manager, which can however usually be replaced with another compatible one.\\r\\n\\r\\nThe user is free to configure their GUI environment in any number of ways. Desktop environments simply provide a complete and convenient means of accomplishing this task.\\r\\n\\r\\n## What\'s Next?\\r\\nAfter reading this blog, you must have gotten the basic understanding of what GNU/Linux is, what linux itself is, and what a linux distribution is, and what it does. Moving on from here, you can dive deep and understand in depth how each component decsribed in the blog post work. For example, how does a typical linux file system look like. The world of operating systems is vast, and only so much can be covered in one blog post. \\r\\nKeep asking questions, and keep reading!"},{"id":"blog-posting-guidelines","metadata":{"permalink":"/blog/blog-posting-guidelines","source":"@site/blog/2023-10-01-blog-guidlines/index.mdx","title":"General Posting Guidelines","description":"General Posting Guidelines","date":"2023-10-01T00:00:00.000Z","formattedDate":"October 1, 2023","tags":[{"label":"free","permalink":"/blog/tags/free"},{"label":"open","permalink":"/blog/tags/open"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":4.855,"hasTruncateMarker":true,"authors":[{"name":"Gaurang Vishwakarma","title":"Creator of TCET Open Source","url":"https://github.com/demonkillerr","imageURL":"https://github.com/demonkillerr.png","key":"gaurang"},{"name":"Vishal Rawat","title":"Co-creator & Chief Technical Officer of TCET Open Source","url":"https://github.com/vish-rt","imageURL":"https://github.com/vish-rt.png","key":"vishal"}],"frontMatter":{"slug":"blog-posting-guidelines","title":"General Posting Guidelines","authors":["gaurang","vishal"],"tags":["free","open","source","software"],"description":"General Posting Guidelines","keywords":["free","open","source","software"]},"prevItem":{"title":"Basics of GNU/Linux","permalink":"/blog/linux-basics"},"nextItem":{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"}},"content":"## Welcome to our first blog\\r\\n\\r\\nWelcome everyone to TCET Open Source\'s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.\\r\\n\\r\\n:::note\\r\\n\\r\\nThis particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.\\r\\n\\r\\n:::\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## General Blog Guidlines\\r\\n\\r\\nHere we define all the basic guidlines a blog should follow in TCET Open Source Blogs.\\r\\n\\r\\n### Clone the project\\r\\n\\r\\nFor being able to contribute anywhere, one must be able to clone and run projects. You can visit this [tutorial](https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started) to learn how to work on this project.\\r\\n\\r\\n### Basic GitHub commands\\r\\n\\r\\nFor any contributor it is very necessary to understand basic GitHub commands to begin with. There is a _resources forum_ on **TCET - Open Source Discord server** where you can find relevant references for the same. There can also be a blog post regarding these commands in the future!\\r\\n\\r\\n### Understand file structure\\r\\n\\r\\nOnce you have cloned the project in your local storage, you will need to perform the following:\\r\\n\\r\\n1. Open the project directory and navigate to `blog/`.\\r\\n2. Create a folder for your blog post.\\r\\n* The folder should have the following name format:\\r\\n```sh\\r\\nyyyy-mm-dd-blog-title\\r\\n```\\r\\n* Here, the date stands for the date when the post is supposed to be released. The blog title should be relevant to the content within the post.\\r\\n3. Within the folder, create `index.mdx`. This file will serve as a text document where you can format your content which will reflect in the final post.\\r\\n\\r\\n### Understand markdown files and syntax\\r\\n\\r\\nMarkdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. The `index.mdx` file created in your blog folder is a markdown file, similar to how _index.html_ can be an HTML file. It is very essential for a blog contributor to understand the basic syntax of markdown. _Resource forum_ in our **[Discord server](https://discord.com/invite/r7ZhAREg2M)** covers basic syntax of these files.\\r\\n\\r\\n### First steps\\r\\n\\r\\nBefore moving any further, a blogger must know the following:\\r\\n\\r\\n> - `slug` - It is the last part of the URL address that serves as a unique identifier of the blog post.\\r\\n> - `title` - The main title of the blog post. Note that the blog title should be relevant to the content within the post.\\r\\n> - `authors` - The list of authors who have worked on the blog post. Look below to understand how to add authors.\\r\\n> - `tags` - It highlights the key words of the post to boost it\'s visibility on the internet and improve the SEO.\\r\\n\\r\\nThese four information are necessary to be present in every post. Without these, no posts will be approved and merged within the blog.\\r\\n\\r\\n\\r\\n:::info Mention Authors\\r\\n\\r\\nAuthors can be added in two ways.\\r\\n- Internally in `index.mdx` (recommended, for outside organization contributors)\\r\\n- In the `authors.yml` file. (**TCET Open Source Members only**)\\r\\n\\r\\nIf you are not a member of the organization, you can simply append your author(s) in the following way:\\r\\n\\r\\n```mdx\\r\\nauthors:\\r\\n - name: Name of Author 1\\r\\n title: Designation, Post or About\\r\\n url: https://github.com/author1\\r\\n image_url: https://github.com/author1.png\\r\\n - name: Name of Author 2\\r\\n title: Designation, Post or About\\r\\n url: https://github.com/author1\\r\\n image_url: https://github.com/author2.png\\r\\n```\\r\\n#### Important things to take note of:\\r\\n- `url:` can also be an authors\' personal website or portfolio.\\r\\n- `image_url:` requires a user to have a profile pic on their Github Account. We recommend to append a Github Profile Icon.\\r\\n\\r\\n\\r\\n\\r\\n:::\\r\\n\\r\\n### Adding images\\r\\n\\r\\nTired of good ol\' _textbook nerdy_ look on your post? Introducing: **images**. Images are a great way to keep the reader\'s attention to your posts, and now you can do that very easily:\\r\\n1. The image must be present within your blog folder. If it isn\'t, save the image in your blog folder.\\r\\n2. To add the image within your post, use the following syntax:\\r\\n```mdx\\r\\n![Alt text](image.png)\\r\\n```\\r\\n* Here, `image.png` stands for the name of the image you have in the blog directory. Markdown supports a great amount of image formats, ranging from png, jpg, svg, and even gifs.\\r\\n\\r\\n:::note WONDERING\\r\\nIs gif pronounced _gif_ or _jif_? Something to ponder upon.\\r\\n:::\\r\\n\\r\\n### Utilizing truncate\\r\\n\\r\\nMany bloggers have many different ways to write their blogs. Many start off with a nice paragraph, some start off with images, and some do both! All blogging practices are welcome in the Organization. However it is important to **truncate**.\\r\\n\\r\\nTruncate is a custom breakpoint introduced in the blog to identify how much part of the blog should be visible in the feed. It cuts off the rest of the blog which can be read further by opening the blog itself. Here\'s a good example of how to use it:\\r\\n\\r\\n:::info This is a blogpost\\r\\n```mdx\\r\\nHello and welcome to my blogpost.\\r\\nToday we will be covering everything you can imagine! \\r\\nJAM Stack, Web3, ML, Data Science, my favourite food, Cybersecurity, and much more. \\r\\nSounds like a hefty lot, and it would be embarassing to flood out the entire blogs feed. \\r\\nThis might be a decent place to cut the rest of the blog out!\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\nHere\'s where the rest of the blog content goes\\r\\n```\\r\\n:::\\r\\n\\r\\nHence in the output, only the above paragraph is visible on the feed. The rest of the blog would be visible once the viewer opens your blog.\\r\\n\\r\\n### Congratulations\\r\\n\\r\\nFollowing these steps and points, you will be able to create a beautiful blog post. It\'s final structure would look something like this:\\r\\n\\r\\n![Alt text](structure.png)\\r\\n\\r\\n_With a fresh blog post ready, you can now finally create a pull request to reflect your post on our blog here!_\\r\\n\\r\\nLooking forward to new content from you all. Have fun and go contribute something great!"},{"id":"Cloud-gaming","metadata":{"permalink":"/blog/Cloud-gaming","source":"@site/blog/2023-10-1-cloudgaming/index.md","title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","description":"Hey there, fellow gamers! Today, we\'re diving into the fascinating world of cloud gaming, a technology that\'s changing the way we play and enjoy our favorite titles. In this article, we\'ll break down the concept of cloud gaming, its evolution, and its promising future.","date":"2023-10-01T00:00:00.000Z","formattedDate":"October 1, 2023","tags":[{"label":"cloud","permalink":"/blog/tags/cloud"},{"label":"gaming","permalink":"/blog/tags/gaming"},{"label":"cyberpunk","permalink":"/blog/tags/cyberpunk"},{"label":"nvidia","permalink":"/blog/tags/nvidia"}],"readingTime":4.08,"hasTruncateMarker":false,"authors":[{"name":"Om Hinge","title":"Cloud Enthusiast & Gamer","url":"https://github.com/Aisu2635","image_url":"https://github.com/Aisu2635.png","imageURL":"https://github.com/Aisu2635.png"}],"frontMatter":{"slug":"Cloud-gaming","title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","authors":[{"name":"Om Hinge","title":"Cloud Enthusiast & Gamer","url":"https://github.com/Aisu2635","image_url":"https://github.com/Aisu2635.png","imageURL":"https://github.com/Aisu2635.png"}],"tags":["cloud","gaming","cyberpunk","nvidia"]},"prevItem":{"title":"General Posting Guidelines","permalink":"/blog/blog-posting-guidelines"},"nextItem":{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"}},"content":"Hey there, fellow gamers! Today, we\'re diving into the fascinating world of **cloud gaming**, a technology that\'s changing the way we play and enjoy our favorite titles. In this article, we\'ll break down the concept of cloud gaming, its evolution, and its promising future.\\r\\n\\r\\n## Introduction to Cloud Gaming\\r\\n\\r\\nImagine playing high-quality video games without the *need* for expensive gaming hardware or the hassle of *downloading and installing massive game files*. That\'s the magic of cloud gaming! It\'s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.\\r\\n\\r\\nMost modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty\'s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you\'d need a high-end PC or gaming console. But what if there was a more affordable alternative?\\r\\n\\r\\n![Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile](image.png)\\r\\n\\r\\n## How Cloud Gaming Works\\r\\n\\r\\n![Cloud Gaming flow](image2.png)\\r\\n\\r\\nCloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they\'re hosted and processed on powerful remote servers in data centers. Here\'s how it works in a nutshell:\\r\\n\\r\\n+ **Remote Servers**: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.\\r\\n\\r\\n+ **Streaming Gameplay**: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.\\r\\n\\r\\n+ **Input Control**: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.\\r\\n\\r\\nWhile cloud gaming offers incredible convenience, it\'s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.\\r\\n\\r\\n*Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.*\\r\\n\\r\\n## The History and Future of Cloud Gaming\\r\\n\\r\\nIn the past, cloud gaming faced numerous challenges, including network issues. Google\'s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.\\r\\n\\r\\nHowever, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.\\r\\n\\r\\nThe primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.\\r\\n\\r\\nWe can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users.\\r\\nGoogle is developing & testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.\\r\\n\\r\\n![cloud quantum computing](image3.png)\\r\\n## Advantages and Drawbacks of Cloud Gaming\\r\\n\\r\\nCloud gaming offers several advantages, including:\\r\\n\\r\\n- **Universal Platform**: You can play games on any device with an internet connection, from consoles to smartphones.\\r\\n\\r\\n- **Cost-Efficiency**: No need for expensive hardware, as the processing is done on remote servers.\\r\\n\\r\\n- **Portability**: Play on the go without worrying about installation and setup.\\r\\n\\r\\nHowever, it\'s not without its drawbacks:\\r\\n\\r\\n- **Internet Dependency**: A stable internet connection is crucial for a smooth experience.\\r\\n\\r\\n- **Input Lag**: Some games may suffer from input delay due to server processing.\\r\\n\\r\\n- **Limited Awareness**: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.\\r\\n\\r\\n## Current Status of Cloud Gaming\\r\\n\\r\\nSeveral cloud gaming services are making waves in the industry:\\r\\n\\r\\n- [x] **Nvidia GeForce Now**: This service is known for its low system requirements, compatibility with various devices, and a free trial period.\\r\\n- [x] **XBox Game Cloud**: Known for Various game titles for free to play in the subscription of Game Pass.\\r\\n- [x] **JioGames Cloud**: Building the Cloud gaming culture & infrastructure in India at a reasonable rate.\\r\\n\\r\\n## Is Cloud Gaming Worth It?\\r\\n\\r\\nWhile cloud gaming shows immense potential, it\'s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.\\r\\n\\r\\nIn conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.\\r\\n\\r\\n## References:\\r\\n\\r\\n- [Nvidia GeForce Now](https://www.nvidia.com/en-us/geforce-now/)\\r\\n- [PlayStation Now](https://en.wikipedia.org/wiki/PlayStation_Now)\\r\\n- ~Google Stadia~ (closed right now)"},{"id":"tmai-june-2023","metadata":{"permalink":"/blog/tmai-june-2023","source":"@site/blog/2023-06-30-tmai-june-23/index.md","title":"This Month in AI - June 2023","description":"Latest News & Breakthroughs in the Month of Kuly 2023 in AI/ML/DS.","date":"2023-06-30T00:00:00.000Z","formattedDate":"June 30, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":3.55,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-june-2023","title":"This Month in AI - June 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of Kuly 2023 in AI/ML/DS.","keywords":["PaLM2","ai","draggan","google","speech","virtual","auido-palm","tmai","music-ai"]},"prevItem":{"title":"Exploring the Future of Gaming- Cloud Gaming Unveiled","permalink":"/blog/Cloud-gaming"},"nextItem":{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"}},"content":"![A robotic hand touching a speck of light](tmai-june23-poster.png)\\r\\n\\r\\n\\r\\n## Code Optimization Revolutionized: Google DeepMind\'s AI Unleashes New Speed-Boosting Technique. [^1]\\r\\n\\r\\nDeepMind\'s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind\'s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.\\r\\n\\r\\n## Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. [^2]\\r\\n\\r\\n![Example of Virtual Try of Clothes with AI](virtual-try.png)\\r\\n\\r\\nGoogle Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user\'s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.\\r\\n\\r\\n## Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. [^3]\\r\\n\\r\\nInk AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI\'s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.\\r\\n\\r\\n## Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. [^4]\\r\\n\\r\\nMeta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. \\r\\n\\r\\nIt considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.\\r\\n\\r\\n\\r\\n## Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. [^5]\\r\\n\\r\\n![Example of DragGAN to change perspective of Lion and more](draggan.jpeg)\\r\\n\\r\\nDraggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.\\r\\n\\r\\n\\r\\n## MIT Introduces New Model for Accelerated Drug Discovery. [^6]\\r\\n\\r\\nMIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. \\r\\n\\r\\nThe model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.\\r\\n\\r\\n## Google Introduces AudioPalm: Bridging the Gap between Text and Voice. [^7]\\r\\n\\r\\n![Brief Architecture of AudioPaLM](audiopalm.png)\\r\\n\\r\\nGoogle has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. \\r\\n\\r\\nThe technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google\'s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.\\r\\n\\r\\n\\r\\n[^1]: [https://www.deepmind.com/research/highlighted-research/alphago](https://www.deepmind.com/research/highlighted-research/alphago)\\r\\n\\r\\n[^2]: [https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/](https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/)\\r\\n\\r\\n[^3]: [https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily](https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily)\\r\\n\\r\\n[^4]: [https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/](https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/)\\r\\n\\r\\n[^5]: [https://analyticsindiamag.com/draggan-is-finally-open-source/](https://analyticsindiamag.com/draggan-is-finally-open-source/)\\r\\n\\r\\n[^6]: [https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608](https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608)\\r\\n\\r\\n[^7]: [https://google-research.github.io/seanet/audiopalm/examples/](https://google-research.github.io/seanet/audiopalm/examples/)"},{"id":"introduction-to-api","metadata":{"permalink":"/blog/introduction-to-api","source":"@site/blog/2023-06-10-introduction-to-api/index.mdx","title":"Introduction to APIs: Unlocking the Power of Integration","description":"An Introduction to APIs: Unlocking the Power of Integration","date":"2023-06-10T00:00:00.000Z","formattedDate":"June 10, 2023","tags":[{"label":"api","permalink":"/blog/tags/api"},{"label":"integration","permalink":"/blog/tags/integration"},{"label":"software","permalink":"/blog/tags/software"},{"label":"authentication","permalink":"/blog/tags/authentication"}],"readingTime":3.98,"hasTruncateMarker":true,"authors":[{"name":"Himanshu Agarwal","title":"CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst","url":"https://github.com/himanshu-03","imageURL":"https://github.com/himanshu-03.png","key":"himanshu"}],"frontMatter":{"slug":"introduction-to-api","title":"Introduction to APIs: Unlocking the Power of Integration","authors":["himanshu"],"tags":["api","integration","software","authentication"],"description":"An Introduction to APIs: Unlocking the Power of Integration","keywords":["api","integration"]},"prevItem":{"title":"This Month in AI - June 2023","permalink":"/blog/tmai-june-2023"},"nextItem":{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"}},"content":"import Tabs from \'@theme/Tabs\';\\r\\nimport TabItem from \'@theme/TabItem\'\\r\\nimport styles from \'/src/components/HomepageFeatures/styles.module.css\';\\r\\n\\r\\n> _Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today\'s interconnected digital environment. **Application Programming Interfaces (APIs)** are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you\'re a developer, a tech enthusiast, or just interested about the world of APIs._\\r\\n\\r\\n<br />\\r\\n\\r\\nimport LaymanAPI from \\"./api-to-layman.png\\";\\r\\n\\r\\n<figure>\\r\\n <img src={LaymanAPI} style={{border: \\"2px solid grey\\"}}/>\\r\\n <center><figcaption>APIs to a layman</figcaption></center>\\r\\n</figure>\\r\\n\\r\\n\x3c!--truncate--\x3e\\r\\n\\r\\n## Introduction to API\\r\\n\\r\\n\\r\\n**Application Programming Interface** is referred to as API. It is a set of guidelines and protocols that specifies how various software components ought to communicate and share information. \\r\\n- **APIs** can be thought of as a contract that enables successful communication between two software entities. \\r\\n- **APIs** give programmers a standardised method of using the features of other software platforms, libraries, or systems.\\r\\n\\r\\n## Why are APIs Important?\\r\\n\\r\\nAPIs have revolutionized the way software is developed and integrated. Here are some key reasons why APIs are important:\\r\\n\\r\\n<Tabs>\\r\\n <TabItem value=\\"Seamless Integration\\" attributes={{className: styles.unique}}>\\r\\n <p>By allowing various software systems to interact and cooperate, APIs enable developers to take advantage of already-existing functions and resources without having to start from scratch.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"Extensibility and Scalability\\" attributes={{className: styles.unique}}>\\r\\n <p>APIs give software developers a modular way to create new features, services, or data sources. As applications can be built upon existing APIs, promoting extensibility and scalability while saving time and effort.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"Collaboration and Innovation\\" attributes={{className: styles.unique}}>\\r\\n <p>By offering a standardised method of sharing data and services, APIs promote collaboration between developers and organisations. As a result, innovation is accelerated since developers can use APIs to build new apps or incorporate current systems into creative solutions.</p>\\r\\n </TabItem>\\r\\n <TabItem value=\\"User Experience\\" attributes={{className: styles.unique}}>\\r\\n <p>APIs make it easier to incorporate services or data sources from outside sources into applications, which improves the overall user experience. For instance, incorporating a weather API into a travel app gives users access to real-time weather information, enhancing the utility and appeal of the service.</p>\\r\\n </TabItem>\\r\\n</Tabs>\\r\\n\\r\\n## Types of APIs\\r\\n\\r\\nAPIs come in different types and formats, depending on the purpose and underlying technology. Here are some common types of APIs:\\r\\n\\r\\n- **Web APIs:** These APIs allow web-based services and applications to communicate with one another. The majority of the time, they are built on widely used web protocols like `HTTP` and `REST` (Representational State Transfer).\\r\\n\\r\\n- **SOAP APIs:** Based on XML (eXtensible Markup Language), SOAP (Simple Object Access Protocol) APIs offer a standardised method for applications to communicate structured information across a network.\\r\\n\\r\\n- **JSON-RPC and XML-RPC:** JSON (JavaScript Object Notation) or XML can be used as the data format for remote procedure calls when using the `JSON-RPC` or `XML-RPC APIs`. They\'re frequently employed for lightweight.\\r\\n\\r\\n## API Communication Styles:\\r\\n\\r\\n- **RESTful APIs:** REST (Representational State Transfer) is a popular architectural style for designing web APIs. RESTful APIs use standard HTTP methods such as `GET`, `POST`, `PUT`, and `DELETE` to perform operations on resources. They often return data in formats like JSON or XML.\\r\\n\\r\\n- **GraphQL:** GraphQL is an alternative to RESTful APIs that provides a more flexible and efficient approach to data retrieval. With GraphQL, clients can specify the exact data they need, reducing over-fetching and under-fetching of data.\\r\\n\\r\\n- **Real-Time APIs:** Real-time APIs use technologies like WebSockets to enable bidirectional communication between the client and the server. They are ideal for applications that require instant updates, such as chat applications or real-time collaboration tools.\\r\\n\\r\\n\\r\\n\\r\\n## Common APIs\\r\\n\\r\\n- **Social media APIs:** Websites like **[Facebook](https://developers.facebook.com/docs/)**, **[Twitter](https://developer.twitter.com/en/docs/twitter-api)**, and **[Instagram](https://developers.facebook.com/docs/instagram-api/)** offer APIs that let programmers incorporate social media features into their applications, such as updating statuses, retrieving user profiles, or engaging with social networks.\\r\\n\\r\\n- **Payment Gateway APIs:** Companies such as **[PayPal](https://developer.paypal.com/api/rest/)**, **[Stripe](https://stripe.com/docs/api)**, and **[Braintree](https://developer.paypal.com/braintree/docs)** provide APIs for handling online payments, allowing developers to include secure payment processing into their apps.\\r\\n\\r\\n- **Mapping and Geolocation APIs:** Maps, geolocation data, routing, and other location-based services are all made available by mapping and geolocation APIs, which developers can use to build apps with mapping features. Examples of these APIs include **[Google Maps](https://developers.google.com/maps/apis-by-platform)** and **[Mapbox](https://docs.mapbox.com/api/overview/)**.\\r\\n\\r\\n\\r\\nimport apis from \\"./apis.png\\";\\r\\n\\r\\n<img src={apis}/>\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nAPIs enable seamless integration, teamwork, and creativity, serving as the foundation for contemporary software development. For developers and organisations wishing to take use of the power of APIs to build strong and interconnected applications, understanding APIs and their many types, communication styles, authentication methods, documentation practises, and management systems is essential. So go ahead and discover the immense possibilities that APIs contain for your software applications by exploring their enormous world!"},{"id":"tmai-may-2023","metadata":{"permalink":"/blog/tmai-may-2023","source":"@site/blog/2023-06-06-tmai-may-23/index.md","title":"This Month in AI - May 2023","description":"Latest News & Breakthroughs in the Month of May 2023 in AI/ML/DS.","date":"2023-06-06T00:00:00.000Z","formattedDate":"June 6, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":5.095,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-may-2023","title":"This Month in AI - May 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of May 2023 in AI/ML/DS.","keywords":["PaLM2","ai","google","speech","spotify","adobe","tmai"]},"prevItem":{"title":"Introduction to APIs: Unlocking the Power of Integration","permalink":"/blog/introduction-to-api"},"nextItem":{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"}},"content":"![A robotic hand touching a speck of light](tmai-may23-poster.png)\\r\\n\\r\\n\\r\\n## Google\'s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. [^1]\\r\\n\\r\\nDiscover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.\\r\\n\\r\\n![An Example of Prompt to Med PaLM - A specialized PaLM Model](med-palm-dc4977b.png)\\r\\n\\r\\nGoogle has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.\\r\\n\\r\\n## Meta\'s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. [^2]\\r\\n\\r\\nMeta\'s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world\'s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta\'s advancements have far-reaching implications for language preservation and global communication.\\r\\n\\r\\n## AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. [^3]\\r\\n\\r\\nScientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. \\r\\n\\r\\nThe traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.\\r\\n\\r\\n\\r\\n## Unleash Your Creativity: Photoshop\'s AI Transforms Your Images with a Single Text Prompt. [^4]\\r\\n\\r\\n![A before & after image of dog after applying Generative Fill of Photoshop](photoshop.png)\\r\\n\\r\\nAdobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an \\"AI co-pilot,\\" Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.\\r\\n\\r\\n\\r\\n\\r\\n## Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. [^5]\\r\\n\\r\\nIn the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. \\r\\n\\r\\nBy combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM\'s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI\'s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.\\r\\n\\r\\n\\r\\n## Spotify\'s Potential AI Breakthrough: AI-Generated Podcast Ads. [^6]\\r\\n\\r\\nIn a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. \\r\\n\\r\\nThe advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.\\r\\n\\r\\n## Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. [^7]\\r\\n\\r\\nChegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI\'s ChatGPT. Chegg\'s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.\\r\\n\\r\\nInitially, Chegg didn\'t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg\'s paid offerings, leading to a significant loss in subscriber growth and a decline in the company\'s market value.\\r\\n\\r\\nDespite their efforts, Chegg\'s future remains uncertain, and the company\'s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.\\r\\n\\r\\n\\r\\n[^1]: [https://blog.google/technology/ai/google-palm-2-ai-large-language-model/](https://blog.google/technology/ai/google-palm-2-ai-large-language-model/)\\r\\n\\r\\n[^2]: [https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/](https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/)\\r\\n\\r\\n[^3]: [https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital](https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital)\\r\\n\\r\\n[^4]: [https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx](https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx)\\r\\n\\r\\n[^5]: [https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/](https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/)\\r\\n\\r\\n[^6]: [https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/](https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/)\\r\\n\\r\\n[^7]: [https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/](https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/)"},{"id":"intro-to-artificial-intelligence","metadata":{"permalink":"/blog/intro-to-artificial-intelligence","source":"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx","title":"Introduction to Artificial Intelligence (Part - 1)","description":"Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day.","date":"2023-05-13T00:00:00.000Z","formattedDate":"May 13, 2023","tags":[{"label":"Artificial Intelligence","permalink":"/blog/tags/artificial-intelligence"},{"label":"Machine Learning","permalink":"/blog/tags/machine-learning"},{"label":"Data","permalink":"/blog/tags/data"},{"label":"Data Science","permalink":"/blog/tags/data-science"},{"label":"Automation","permalink":"/blog/tags/automation"}],"readingTime":5.695,"hasTruncateMarker":false,"authors":[{"name":"Nidhi Worah","title":"Machine Learning Enthusiast","url":"https://github.com/Nidhi-1223","imageURL":"https://github.com/Nidhi-1223.png","key":"nidhi"}],"frontMatter":{"slug":"intro-to-artificial-intelligence","title":"Introduction to Artificial Intelligence (Part - 1)","authors":["nidhi"],"tags":["Artificial Intelligence","Machine Learning","Data","Data Science","Automation"],"description":"Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day.","keywords":["Artificial Intelligence","Machine Learning","Data","Data Science","Automation"]},"prevItem":{"title":"This Month in AI - May 2023","permalink":"/blog/tmai-may-2023"},"nextItem":{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"}},"content":"> Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.\\r\\n\\r\\nArtificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.\\r\\n\\r\\nArtificial Intelligence is composed of two words **Artificial** and **Intelligence**, where Artificial defines _\u201cman-made,\u201d_ and intelligence defines _\u201cthinking power\u201d_, hence AI means _\u201ca man-made thinking power.\u201d_\\r\\n\\r\\n> Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.\\r\\n\\r\\nBut what exactly is AI, and how did it come to be? In this article, we\u2019ll take a brief look at the history of AI and its evolution over time.\\r\\n\\r\\n### Early Concepts of AI\\r\\n\\r\\n\\r\\nThe idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion\u2019s statue, which was brought to life by the goddess Aphrodite.\\r\\n\\r\\n| ![Figure 1 - Talos](Talos.webp) |\\r\\n| :--: |\\r\\n| *Figure 1 \u2014 Talos by [**Adrienne Mayor**](https://technicacuriosa.com/author/amayor/)* |\\r\\n\\r\\nIn the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the \u201cTuring Test,\u201d which is still used today to measure a machine\u2019s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.\\r\\n\\r\\nEarly AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.\\r\\n\\r\\nAI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let\u2019s look at these terms in brief -\\r\\n\\r\\n\\r\\n| ![Figure 2 - Sub-categories of AI](sub-categories-of-AI.webp) |\\r\\n| :--: |\\r\\n| *Figure 2 \u2014 By the [Author](https://medium.com/@nidhiworah02) \u2014 Types of Artificial Intelligence* |\\r\\n\\r\\n\\r\\n## The Rise of Machine Learning\\r\\n\\r\\n\\r\\nIn the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.\\r\\n\\r\\nMachine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.\\r\\n\\r\\n## Deep Learning and Neural Networks\\r\\n\\r\\n\\r\\nIn the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. \\r\\n\\r\\nDeep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.\\r\\n\\r\\n## The Future of AI\\r\\n\\r\\n\\r\\nAs AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.\\r\\n\\r\\nAs Uncle Ben says, \u201cWith great power comes great responsibility.\u201d AI systems become more sophisticated, it\u2019s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.\\r\\n\\r\\n## Types of Artificial Intelligence\\r\\n\\r\\n\\r\\n| ![Figure 3 - Types of AI](types-of-AI.webp) |\\r\\n| :--: |\\r\\n| *Figure 3 \u2014 By the [Author](https://medium.com/@nidhiworah02) \u2014 Types of Artificial Intelligence* |\\r\\n\\r\\n<br />\\r\\n\\r\\n### Artificial Intelligence \u2014 Type 1: Based on Capabilities\\r\\n\\r\\n**Narrow AI**\\r\\n\\r\\n* Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.\\r\\n* Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.\\r\\n* Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. \\r\\n\\r\\n**General AI**\\r\\n\\r\\n* General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.\\r\\n* The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.\\r\\n* It is currently a hypothetical concept, and we don\u2019t yet have any real-world examples of this type of AI.\\r\\n\\r\\n**Super AI**\\r\\n\\r\\n* Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.\\r\\n* Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.\\r\\n\\r\\n### Artificial Intelligence \u2014 Type 2: Based on Functionality\\r\\n\\r\\n**Reactive Machines**\\r\\n\\r\\n* Purely reactive machines are the most basic types of Artificial Intelligence.\\r\\n* Such AI systems do not store memories or past experiences for future actions.\\r\\n* These machines only focus on current scenarios and react to them as per the possible best action.\\r\\n* Examples: IBM\u2019s Deep Blue system, Google\u2019s AlphaGo\\r\\n\\r\\n**Limited Memory**\\r\\n\\r\\n* Limited memory machines can store past experiences or some data for a short period of time.\\r\\n* These machines can use stored data for a limited time period only.\\r\\n* Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, \\r\\nthe speed limit, and other information to navigate the road.\\r\\n\\r\\n**Theory Of Mind**\\r\\n\\r\\n* Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.\\r\\n* This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.\\r\\n\\r\\n**Self-Awareness**\\r\\n\\r\\n* Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and \\r\\nself-awareness.\\r\\n* These machines will be smarter than the human mind.\\r\\n* Self-Awareness AI does not exist in reality still and it is a hypothetical concept.\\r\\n\\r\\n## Conclusion\\r\\n\\r\\n\\r\\nArtificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research \\r\\nand development, the potential applications of AI are vast and ever-expanding.\\r\\n\\r\\nIf you enjoy reading stories on similar topics then do [follow](https://medium.com/@nidhiworah02/subscribe) the account. Let me know your thoughts below"},{"id":"tmai-april-2023","metadata":{"permalink":"/blog/tmai-april-2023","source":"@site/blog/2023-05-07-tmai-april-23/index.md","title":"This Month in AI - April 2023","description":"Latest News & Breakthroughs in the Month of April 2023 in AI/ML/DS.","date":"2023-05-07T00:00:00.000Z","formattedDate":"May 7, 2023","tags":[{"label":"mind-benders","permalink":"/blog/tags/mind-benders"},{"label":"ai","permalink":"/blog/tags/ai"},{"label":"tmai","permalink":"/blog/tags/tmai"}],"readingTime":4.5,"hasTruncateMarker":false,"authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"frontMatter":{"slug":"tmai-april-2023","title":"This Month in AI - April 2023","authors":[{"name":"Kunal Agrawal","title":"President - Mind Benders | SSoC\'22","url":"https://github.com/kunalagra","image_url":"https://github.com/kunalagra.png","imageURL":"https://github.com/kunalagra.png"},{"name":"Keval Waghate","title":"Publication Head - Mind Benders","url":"https://github.com/KevalW","image_url":"https://github.com/KevalW.png","imageURL":"https://github.com/KevalW.png"},{"name":"Deexith Madas","title":"Treasurer - Mind Benders","url":"https://github.com/MDeexith","image_url":"https://github.com/MDeexith.png","imageURL":"https://github.com/MDeexith.png"},{"name":"Ananta Pandey","title":"Jt. Publication Head - Mind Benders","url":"https://github.com/Ananta564","image_url":"https://github.com/Ananta564.png","imageURL":"https://github.com/Ananta564.png"}],"tags":["mind-benders","ai","tmai"],"description":"Latest News & Breakthroughs in the Month of April 2023 in AI/ML/DS.","keywords":["GPT","ai","yolo-nas","hugging -face","tmai"]},"prevItem":{"title":"Introduction to Artificial Intelligence (Part - 1)","permalink":"/blog/intro-to-artificial-intelligence"},"nextItem":{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"}},"content":"![A robotic hand touching a speck of light](tmai-apr23-poster.png)\\r\\n\\r\\n## Unlock the Power of BingAI: Experience the Future, Today! [^1]\\r\\n\\r\\nMicrosoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI\'s technologies. \\r\\n\\r\\nAlso, Bing AI now supports rich \\"visual answers,\\" displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.\\r\\n\\r\\n\\r\\n## LinkedIn\'s Intelligent Assistance: Craft the Perfect Job Application [^2]\\r\\n\\r\\nLinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user\'s profile, the hiring manager\'s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. \\r\\n\\r\\nThis development builds upon LinkedIn\'s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.\\r\\n\\r\\n\\r\\n## YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision [^3]\\r\\n\\r\\nDeci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci\'s Neural Architecture Search Technology, AutoNAC\u2122, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. \\r\\n\\r\\nYOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci\'s PyTorch-based computer vision training library called SuperGradients.\\r\\n\\r\\n\\r\\n## Introducing StarCoder: Free Code-Generating Assistant [^4]\\r\\n\\r\\nHugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub\'s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft\'s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. \\r\\n\\r\\nThe project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder\'s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.\\r\\n\\r\\n## Geoffrey Hinton: AI\'s Threat Could Be \'More Urgent\' Than Climate Change [^5]\\r\\n\\r\\nIn a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the \\"godfathers of AI,\\" believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI\'s impact on society continues to unfold, Hinton\'s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.\\r\\n\\r\\n## Accelerating the Quest for New Metals: ML Offers a Promising Solution [^6]\\r\\n\\r\\nMachine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors\u2014for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines.\\r\\nUsually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It\u2019s a laborious process of trial and error that inevitably yields more duds than useful results.\\r\\nResearchers from the Max Planck Institute managed to identify 17 promising new metals using this method.\\r\\n\\r\\n## Revolutionizing ML: Researchers Unveil a More Agile Approach [^7]\\r\\n\\r\\nArtificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence \u2014 but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.\\r\\n\\r\\nLiquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time\\r\\n\\r\\n\\r\\n[^1]: [https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/](https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/)\\r\\n\\r\\n[^2]: [https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/](https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/)\\r\\n\\r\\n[^3]: [https://deci.ai/blog/yolo-nas-object-detection-foundation-model/](https://deci.ai/blog/yolo-nas-object-detection-foundation-model/)\\r\\n\\r\\n[^4]: [https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/](https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/)\\r\\n\\r\\n[^5]: [https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911](https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911)\\r\\n\\r\\n[^6]: [https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals](https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals)\\r\\n\\r\\n[^7]: [https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207](https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207)"},{"id":"rotaract-club-of-tcet","metadata":{"permalink":"/blog/rotaract-club-of-tcet","source":"@site/blog/2023-04-15-rcblog/index.md","title":"Rotaract Club of TCET","description":"About Rotaract Club of TCET","date":"2023-04-15T00:00:00.000Z","formattedDate":"April 15, 2023","tags":[{"label":"cultural","permalink":"/blog/tags/cultural"},{"label":"social","permalink":"/blog/tags/social"},{"label":"community","permalink":"/blog/tags/community"},{"label":"editorial","permalink":"/blog/tags/editorial"}],"readingTime":5.255,"hasTruncateMarker":false,"authors":[{"name":"Nikita Shukla","title":"Docs Team Lead | Ex-Chairperson HRD @RCTCET","url":"https://github.com/NikitaSShukla","imageURL":"https://github.com/NikitaSShukla.png","key":"nikita"}],"frontMatter":{"slug":"rotaract-club-of-tcet","title":"Rotaract Club of TCET","authors":["nikita"],"tags":["cultural","social","community","editorial"],"description":"About Rotaract Club of TCET","keywords":["cultural","social","community","editorial"]},"prevItem":{"title":"This Month in AI - April 2023","permalink":"/blog/tmai-april-2023"},"nextItem":{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"}},"content":">Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.\\r\\n\\r\\n\\r\\n\\r\\n# \u2018Boldly Going: Rotaract Club of TCET \'\\r\\n\\r\\n\\r\\n![RCTCET](RCTCET.png)\\r\\n\\r\\n\\r\\n>_\\"The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.\\"_ \\r\\n>\\r\\n> _-Eleanor Roosevelt_\\r\\n\\r\\n\\r\\nWhether you\'re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. \\r\\n\\r\\n\\r\\n## Types of Projects & Events conducted in RCTCET\\r\\n\\r\\n### 1. Volunteering\\r\\nVolunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.\\r\\n\\r\\n#### Few volunteering events:\\r\\n\\r\\n<ul><li>TechWorld</li>\\r\\nThis is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul>\\r\\n\\r\\n<ul><li>Emergency</li>\\r\\nThe main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul>\\r\\n\\r\\n<ul><li>Beach Cleanup</li>\\r\\nSuch events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,\\"If you concentrate on small, manageable steps you can cross unimaginable distances.\\"\\r\\n</ul>\\r\\n\\r\\n\\r\\n### 2. Space to Socialize\\r\\n\\r\\nJoining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it\'s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.\\r\\n\\r\\n#### Examples of such socializing events:\\r\\n\\r\\n <div><ul>\\r\\n <li>Sunday Funday</li>\\r\\n <li>Treasure Hunt</li>\\r\\n <li>Movie Night</li>\\r\\n <li>Badminton Tournament</li>\\r\\n <li>Kick it!(Football Tournament)</li>\\r\\n </ul></div>\\r\\n\\r\\n\\r\\n### 3. Space to express creativity\\r\\n\\r\\nRotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.\\r\\n\\r\\n\\r\\n### 4. Development of Overall Personality\\r\\n\\r\\nParticipating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.\\r\\n\\r\\nWe conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.\\r\\n\\r\\n\\r\\n### 5. Last but not the least, it is a platform where you can create amazing memories!\\r\\n\\r\\n\\r\\n![RCevent](RCevent.jpg)\\r\\n>_\\"Education is not just about academics. It\'s about building character, improving one\'s personality, and becoming a better human being.\\"_ \\r\\n>\\r\\n>_- Sudha Murty_\\r\\n\\r\\n\\r\\nJoining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it\'s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.\\r\\n\\r\\n\\r\\n## To know more about us:\\r\\n\\r\\nVisit our [**Official Website**](https://www.rctcet.org/)\\r\\nAnd do follow us [**@rc_tcet**](https://www.instagram.com/rc_tcet/?hl=en)\\r\\n\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nRemember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don\'t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society."},{"id":"dive-into-web-design","metadata":{"permalink":"/blog/dive-into-web-design","source":"@site/blog/2023-04-12-dive-into-web-design/index.md","title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","description":"Understanding Design and Converting it into Code","date":"2023-04-12T00:00:00.000Z","formattedDate":"April 12, 2023","tags":[{"label":"Web Design","permalink":"/blog/tags/web-design"},{"label":"HTML","permalink":"/blog/tags/html"},{"label":"CSS","permalink":"/blog/tags/css"},{"label":"Mental Model","permalink":"/blog/tags/mental-model"},{"label":"Resonsiveness","permalink":"/blog/tags/resonsiveness"}],"readingTime":9.205,"hasTruncateMarker":false,"authors":[{"name":"Jayesh Potlabattini","title":"Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer","url":"https://github.com/JayeshVP24","imageURL":"https://github.com/JayeshVP24.png","key":"jayesh"}],"frontMatter":{"slug":"dive-into-web-design","title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","authors":["jayesh"],"tags":["Web Design","HTML","CSS","Mental Model","Resonsiveness"],"description":"Understanding Design and Converting it into Code","keywords":["Web Design","HTML","CSS","Mental Model","Resonsiveness"]},"prevItem":{"title":"Rotaract Club of TCET","permalink":"/blog/rotaract-club-of-tcet"},"nextItem":{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"}},"content":"Web designing (the HTML & CSS part, not the Figma Part) can be a real pain if we don\u2019t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent **understanding of divisions** into **rows** and **columns** and learning about **display properties and positioning** in detail, you we can have some confidence to **turn any Figma design to HTML and CSS**. This is not a tutorial on HTML & CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the **Mental Model of Web Design in your Brain** \u2728\\r\\n\\r\\nThis Blog also serves as a very precise summary of long web design bootcamp I took with [**GenosisX Tech Community](https://twitter.com/genosis_x), [*watch here*](https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0)**\\r\\n\\r\\n> TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or `<div>` tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!\\r\\n> \\r\\n\\r\\n## Prerequisite\\r\\n\\r\\n- Basic knowledge of HTML and CSS would help, but not necessary.\\r\\n- That\u2019s It!\\r\\n\\r\\n# Guide to Divisions\\r\\n\\r\\nMaking proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let\u2019s get into it. \\r\\n\\r\\n## Visualize Design\\r\\n\\r\\n![Visualize Design #1](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif)\\r\\n\\r\\nVisualize Design #1\\r\\n\\r\\n- First think of the separate sections, in this case, there are two, a Header and a Hero section.\\r\\n- For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.\\r\\n- Divisions\\r\\n - Here, the whole page is one column which has two rows, Navbar and Hero.\\r\\n - Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.\\r\\n - You can try to dig further deep into each div visually.\\r\\n\\r\\nSo based upon the divisions, we can conclude the following code.\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header></header> \x3c!-- First Row, Header --\x3e\\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section></section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n\\t\\t<section></section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t</main>\\r\\n</body>\\r\\n```\\r\\n\\r\\n### Lets dig deep\\r\\n\\r\\n![Visualize Design #2](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif)\\r\\n\\r\\nVisualize Design #2\\r\\n\\r\\n- Divisions - Header - a row\\r\\n - Img - Logo - First column\\r\\n - Navbar - Second column\\r\\n - Button - Third column\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header>\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav>bunch of <a></a> Tags</nav> \x3c!-- Second column --\x3e\\r\\n <button>Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header> \\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section></section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n\\t\\t<section></section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t</main> \\r\\n</body>\\r\\n```\\r\\n\\r\\n> Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. [https://www.pluralsight.com/guides/semantic-html](https://www.pluralsight.com/guides/semantic-html)\\r\\n> \\r\\n\\r\\n![Visualize Design #3](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif)\\r\\n\\r\\nVisualize Design #3\\r\\n\\r\\n- Divisions - Main - a row\\r\\n - First Column of Hero Section\\r\\n - H1 - Main text - First row\\r\\n - p - Description text - Second row\\r\\n - span - Third Row having two buttons\\r\\n - Button - First Column\\r\\n - Button - Second Column\\r\\n - Second Column of Hero Section\\r\\n - img - First Column\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First Column, whole page --\x3e\\r\\n <header>\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav>bunch of <a></a> Tags</nav> \x3c!-- Second column --\x3e\\r\\n <button>Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header> \\r\\n <main> \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section> \x3c!-- First Column, Main Text Section--\x3e\\r\\n <h1>Main text...</h1>\\r\\n <p>Description text...</p>\\r\\n <span>\\r\\n <button>Get Started</button>\\r\\n <button>Order Now</button>\\r\\n </span>\\r\\n </section> \\r\\n\\t\\t<section> \x3c!-- Second Column, Main Image Section--\x3e\\r\\n <img src=\\"/..\\" />\\r\\n </section> \\r\\n\\t</main> \\r\\n</body>\\r\\n```\\r\\n\\r\\n# Guide to Style them\\r\\n\\r\\nPat yourself if you reached till here, and understood everything above! Lets go ahead.\\r\\n\\r\\nFor the next part, I\u2019ll use tailwindcss because it\u2019s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. [https://tailwindcss.com/docs/utility-first](https://tailwindcss.com/docs/utility-first)\\r\\n\\r\\n## Step-by-Step Linear Process to Design Anything!\\r\\n\\r\\nRemember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. \\r\\n\\r\\n1. Write HTML, using the divisions approach\\r\\n2. Set background color\\r\\n3. Set display - flex (if any child tags)\\r\\n4. Set width - compulsory\\r\\n5. Set height - optional\\r\\n6. set overflow properties\\r\\n7. Set font \u2192 size, weight, line height, letter spacing, \\r\\n8. Set text colors \u2192 paddings \u2192 borders \u2192 margins \\r\\n 1. Colors - normal, hover, active any states\\r\\n 2. Borders - width/thickness , color, radius, style\\r\\n9. Set position (if want to move the element from its position)\\r\\n 1. relative - move it from its current position\\r\\n 2. absolute - move it from its **first relative parent** start point (top-0, left-0 of relative parent)\\r\\n 3. fixed - move it from windows start point (top-0, left-0 of whole window)\\r\\n10. Set z-index - define stack, which element should be above which\\r\\n11. Anything else that suits your design\\r\\n\\r\\nThis is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!\\r\\n\\r\\n```html\\r\\n<body> \x3c!-- First style this #1 --\x3e\\r\\n <header>\x3c!-- then this #2 --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- Then this #3 --\x3e\\r\\n <nav> \x3c!-- Then this #4 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #5 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #6 --\x3e\\r\\n <a>..</a> \x3c!-- Then this #7 --\x3e\\r\\n </nav> \x3c!-- and so on till the last tag --\x3e\\r\\n <button>Sign up</button> \\r\\n </header> \\r\\n <main> \\r\\n <section> \\r\\n <h1>Main text...</h1>\\r\\n <p>Description text...</p>\\r\\n <span>\\r\\n <button>Get Started</button>\\r\\n <button>Order Now</button>\\r\\n </span>\\r\\n </section> \\r\\n\\t\\t<section> \\r\\n <img src=\\"/..\\" />\\r\\n </section>\\r\\n</body>\\r\\n```\\r\\n\\r\\n## Here comes the CSS\\r\\n\\r\\n![Web Design Bootcamp Design](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png)\\r\\n\\r\\nWeb Design Bootcamp Design\\r\\n\\r\\nTake a quick look, and we will start with the linear process\\r\\n\\r\\n### Body - main page\\r\\n\\r\\nWe can see that the \\r\\n\\r\\n- background color is different\\r\\n- width is full screen\\r\\n- padding left and right i.e x-axis\\r\\n\\r\\n```html\\r\\n<body class=\\"bg-[#f3f3f3] w-[100vw] px-16 \\" > \x3c!-- First Column, whole page --\x3e\\r\\n <header >\x3c!-- First Row, Header --\x3e\\r\\n <img src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n\\t\\t\\t...\\r\\n```\\r\\n\\r\\n### Header\\r\\n\\r\\nHere,\\r\\n\\r\\n- We see, everything is in one row, so set display as flex\\r\\n- width is full available space so 100%\\r\\n- img - logo\\r\\n - width of some pixels\\r\\n- navbar\\r\\n - width of fit content (automatic)\\r\\n - font weight is medium i.e 500\\r\\n - Color is gray for all but black for current one\\r\\n- button\\r\\n - background is orange\\r\\n - text is bold\\r\\n - longer padding in x-axis, shorted padding in y-axis\\r\\n - border radius full rounded\\r\\n\\r\\n```html\\r\\n<body class=\\"bg-[#f3f3f3] w-[100vw] px-20 \\" > \x3c!-- First Column, whole page --\x3e\\r\\n <header class=\\"flex w-full\\" >\x3c!-- First Row, Header --\x3e\\r\\n <img class=\\"w-20\\" src=\\"/..\\" /> \x3c!-- First column --\x3e\\r\\n <nav class=\\"flex w-fit text-[#828282] font-medium\\" >\\r\\n <a id=\\"current\\" class=\\"text-black\\" >Home</a>\\r\\n \x3c!-- if id=\\"current\\" then class=\\"text-black\\" add this login using javascript --\x3e\\r\\n <a>How it works</a>\\r\\n ...\\r\\n </nav> \x3c!-- Second column --\x3e\\r\\n <button class=\\"bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full\\" >Sign up</button> \x3c!-- Second column --\x3e\\r\\n </header>\\r\\n\\t ...\\r\\n```\\r\\n\\r\\nWe won\u2019t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.\\r\\n\\r\\n## Responsiveness, how easy is it?\\r\\n\\r\\n### Desktop First Design Approach\\r\\n\\r\\n- First we design the desktop version of our web app\\r\\n- Then slowly add rules to make it responsive for tablets then mobile\\r\\n- Desktop \u2192 Tablet \u2192 Mobile\\r\\n- This is not recommended\\r\\n\\r\\n### Mobile First Design Approach\\r\\n\\r\\n- First we design the mobile version of our web app\\r\\n- Then slowly add rules to make it responsive for tablets then desktop\\r\\n- Mobile \u2192 Tablet \u2192 Desktop\\r\\n- This is most recommended and used by tailwindcss by default\\r\\n\\r\\n### No media query methods\\r\\n\\r\\n- Set max-widths and min-widths\\r\\n- Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis\\r\\n- Use display grid with grid-template-columns, repeat - autofit, minmax\\r\\n- You can much deeper with maths to avoid media queries but I feel that much is unnecessary.\\r\\n- Using some media queries to avoid extreme complexity is always a good idea\\r\\n\\r\\n### A good example of minimum media queries\\r\\n\\r\\n************The prefix **lg:** is how we use media queries in tailwindcss, refer this* [https://tailwindcss.com/docs/responsive-design](https://tailwindcss.com/docs/responsive-design)\\r\\n\\r\\n```html\\r\\n<main class=\\"flex flex-wrap text-lg lg:text-xl m-5 lg:m-10\\" > \x3c!-- Second Row, Hero section --\x3e \\r\\n\\t\\t<section class=\\"max-w-lg\\" > \x3c!-- First Column, Main Text Section--\x3e\\r\\n ...\\r\\n </section> \\r\\n\\t\\t<section class=\\"max-w-lg\\" > \x3c!-- Second Column, Main Image Section--\x3e\\r\\n ...\\r\\n </section> \\r\\n</main>\\r\\n```\\r\\n\\r\\n## Get Creative with Positioning\\r\\n\\r\\nWhen we want to move some elements from their original position to something else, we use position property.\\r\\n\\r\\n### CSS Positions\\r\\n\\r\\n- Static\\r\\n - Default value\\r\\n - Original position, cannot change it.\\r\\n- Relative\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Moves towards the specified direction from its current position.\\r\\n- Absolute\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Move towards the specified direction from the **first relative parents** start coordinates.\\r\\n- Fixed\\r\\n - Set explicitly\\r\\n - Can change position from original using properties - top, left, bottom, right\\r\\n - Move towards the specified direction from the coordinates of **window (browser tab)** itself\\r\\n - Does not move on scroll, stays fixed.\\r\\n\\r\\n> This article by MDN teaches all positionings perfectly.\\r\\n[https://developer.mozilla.org/en-US/docs/Web/CSS/position](https://developer.mozilla.org/en-US/docs/Web/CSS/position)\\r\\n> \\r\\n\\r\\n### An example of positioning\\r\\n\\r\\nLets look at the image which has blocks of elements floating above it.\\r\\n\\r\\n![Pizza Design](https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png)\\r\\n\\r\\n- So the concept is we wrap the image in one div\\r\\n- This div will be set to position: relative\\r\\n- This div will contain image tag and other elements of those floating blocks\\r\\n- Don\u2019t change image tag position\\r\\n- Change position: absolute of all floating elements\\r\\n- Then set them to their places via top, left, right, bottom\\r\\n\\r\\n```html\\r\\n<section class=\\"relative\\" > \x3c!-- Second Column, Main Image Section--\x3e\\r\\n\\t\\t<img class=\\"w-24 h-40\\" src=\\"/..\\" />\\r\\n\\t\\t<div class=\\"absolute top-[30%] right-[-10%]\\" >...</div>\\r\\n\\t\\t<div class=\\"absolute top-[50%] left-[-10%]\\" >...</div>\\r\\n\\t\\t<div class=\\"absolute bottom-[-15%] right-[12%]\\" >...</div>\\r\\n</section>\\r\\n```\\r\\n\\r\\n# Conclusion\\r\\n\\r\\n- Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.\\r\\n- Write whole HTML of one section then style the whole section using the step by step linear process.\\r\\n- Position properly and most of it depends on the parents element position property, so make sure you set those correct.\\r\\n- Learn flex, grid and positions of CSS very thoroughly.\\r\\n- Learn tailwindcss because it will make your life easier, trust me on this."},{"id":"intro-to-react-js","metadata":{"permalink":"/blog/intro-to-react-js","source":"@site/blog/2023-04-10-intro-to-react-js/index.md","title":"6 Reasons Why React JS is the Future of Web Development!!","description":"Why React JS is the Future of Web Development","date":"2023-04-10T00:00:00.000Z","formattedDate":"April 10, 2023","tags":[{"label":"ReactJs","permalink":"/blog/tags/react-js"},{"label":"JSX","permalink":"/blog/tags/jsx"},{"label":"Virtaul DOM","permalink":"/blog/tags/virtaul-dom"},{"label":"Frontend","permalink":"/blog/tags/frontend"}],"readingTime":4.535,"hasTruncateMarker":false,"authors":[{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"intro-to-react-js","title":"6 Reasons Why React JS is the Future of Web Development!!","authors":["mahima"],"tags":["ReactJs","JSX","Virtaul DOM","Frontend"],"description":"Why React JS is the Future of Web Development","keywords":["ReactJs","JSX","Virtaul DOM","Frontend"]},"prevItem":{"title":"Dive into Web Design \ud83d\udd8c\ufe0f | Learn the Mental Model for converting Designs into Code","permalink":"/blog/dive-into-web-design"},"nextItem":{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"}},"content":"><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages.\\r\\nSo sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!\\r\\n\\r\\n<br />\\r\\n\\r\\n| ![\u201cDesign is not just what it looks like and feels like. Design is how it works.\u201d \u2014 Steve Jobs](reactjs.png) |\\r\\n| :--: |\\r\\n| *\u201cDesign is not just what it looks like and feels like. Design is how it works.\u201d \u2014 Steve Jobs* |\\r\\n\\r\\n<br/>\\r\\n\\r\\n# What is React JS?\\r\\n\\r\\nReact JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.\\r\\n\\r\\n# Characteristic Features of React JS that makes it more versatile and Popular\\r\\n\\r\\n| ![Features of ReactJS](characteristics.png) |\\r\\n| :--: |\\r\\n| *Features of ReactJS* |\\r\\n\\r\\n## 1. Virtual DOM\\r\\n\\r\\nIn traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.\\r\\n\\r\\n## 2. Reusable Components\\r\\n\\r\\nReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.\\r\\n\\r\\n## 3. Community\\r\\n\\r\\nReact has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.\\r\\n\\r\\n>[*Link to contribute to the React Library*](https://github.com/facebook/react)\\r\\n\\r\\n## 4. JSX\\r\\n\\r\\nJSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.\\r\\n\\r\\nFor example, instead of writing the following code in pure JavaScript to render a simple button:\\r\\n\\r\\n```js \\r\\nReact.createElement(\\"button\\", {className: \\"myButton\\"}, \\"Click Me!\\");\\r\\n```\\r\\n\\r\\nThe same code can be written in JSX as:\\r\\n\\r\\n```jsx\\r\\n<button className=\\"myButton\\">Click Me!</button>; \\r\\n```\\r\\n\\r\\n## 5. Server-side Rendering\\r\\n\\r\\nServer-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.\\r\\n\\r\\nThis results in faster initial load times, as the browser doesn\u2019t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.\\r\\n\\r\\n## 6. Compatibility\\r\\n\\r\\nReact\u2019s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.\\r\\n\\r\\n# Comaprison with other Frontend Frameworks\\r\\n\\r\\n| ![Popular Web Frameworks](chart1.png) |\\r\\n| :--: |\\r\\n| *Comparison with other frameworks as per the recent survey* |\\r\\n\\r\\n>Source: Stack Overflow Developer Survey 2021\\r\\n\\r\\nFrom the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.\\r\\n\\r\\nReact\u2019s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React\u2019s virtual DOM.\\r\\n\\r\\nAlso, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.\\r\\n\\r\\n:::info \\r\\n\\r\\nYou can see more detailed insights of React JS on their [**Official Website**](https://reactjs.org/)\\r\\n\\r\\n:::\\r\\n\\r\\n## Conclusion\\r\\n\\r\\nIn conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development."},{"id":"intro-to-cloud-computing","metadata":{"permalink":"/blog/intro-to-cloud-computing","source":"@site/blog/2023-04-09-intro-to-cloud-computing/index.md","title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","description":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","date":"2023-04-09T00:00:00.000Z","formattedDate":"April 9, 2023","tags":[{"label":"cloud computing","permalink":"/blog/tags/cloud-computing"},{"label":"data","permalink":"/blog/tags/data"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":5.505,"hasTruncateMarker":false,"authors":[{"name":"Himanshu Agarwal","title":"CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst","url":"https://github.com/himanshu-03","imageURL":"https://github.com/himanshu-03.png","key":"himanshu"},{"name":"Mahima Churi","title":"COO @ TCET Open Source | Full Stack Web Developer","url":"https://github.com/Mahitej28","imageURL":"https://github.com/Mahitej28.png","key":"mahima"}],"frontMatter":{"slug":"intro-to-cloud-computing","title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","authors":["himanshu","mahima"],"tags":["cloud computing","data","source","software"],"description":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","keywords":["cloud computing","data","source","software"]},"prevItem":{"title":"6 Reasons Why React JS is the Future of Web Development!!","permalink":"/blog/intro-to-react-js"},"nextItem":{"title":"Breaking The Ice - Open Source","permalink":"/blog/breaking-the-ice-open-source"}},"content":"> This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let\'s dive into the exciting world of the cloud together!!\\r\\n\\r\\n<br />\\r\\n\\r\\n# What is Cloud Computing ? \\r\\n\\r\\nCloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. \\r\\n\\r\\nWe can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.\\r\\n\\r\\n\\r\\n## Let\'s take a look at some intriguing features of Cloud Computing!!\\r\\n<br />\\r\\n\\r\\n<details>\\r\\n<summary><b>\ud83d\udee0\ufe0f On-Demand Self-Service</b></summary>\\r\\n<div>\\r\\n\\r\\nWith cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udcbb Broad Network Access</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nBroad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udcdd Resource Pooling</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nWith resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won\'t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\ud83d\udd17 Rapid Elasticity</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nCloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won\'t need to acquire computer hardware thanks to quick elasticity. \\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n<details>\\r\\n<summary>\\r\\n<b>\u2699\ufe0f Measured Service</b>\\r\\n</summary>\\r\\n<div>\\r\\n\\r\\nA metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer\'s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.\\r\\n\\r\\n</div>\\r\\n</details>\\r\\n\\r\\n\\r\\n## Lets have a look at some of the most used Cloud Storage Services\\r\\n<br />\\r\\n\\r\\n| ![Most Used Cloud Storage Services](most-used-cloud-storage-services.png) |\\r\\n| :--: |\\r\\n| *Most used Cloud Storage Services* |\\r\\n\\r\\nGoogle Drive is by far the most popular cloud storage service in the world, with an use rate of **94.44 percent**. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive **66.2 percent**, followed by [**OneDrive**](https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage) **(39.35 percent)** and [**iCloud**](https://www.icloud.com/) **(38.89 percent)**. Additionally popular cloud storage providers include [**MEGA**](https://mega.io/) **(5.09 percent)**, [**Box**](https://www.box.com/) **(4.17 percent)**, and [**pCloud**](https://www.pcloud.com/) **(1.39%)**, all of which made our list of the top cloud storage services.\\r\\n\\r\\n\\r\\n\\r\\n## Statistics on Cloud Service Providers\\r\\n<br />\\r\\n\\r\\n| ![Stats on Cloud Service Providers](cloud-provider-market-share-trend.jpg) |\\r\\n| :--: |\\r\\n| *Stats on Cloud Service Providers* |\\r\\n\\r\\nAWS still holds over a third of the cloud services market:\\r\\n\\r\\n- In Q2 2022, [**AWS**](https://aws.amazon.com/) commanded **34%** of the cloud market, a **1%** increase year-over-year. [**Azure**](https://azure.microsoft.com/en-in) is second with **21%** of the market, followed by [**Google Cloud**](https://cloud.google.com/) **(10%)**, [**Alibaba**](https://in.alibabacloud.com/en) **(5%)**, and [**IBM**](https://www.ibm.com/cloud) **(4%)**.\\r\\n- Amazon\'s revenue from AWS grew from **5.62** in 2014 to **13.24%** in 2021.\\r\\n- The survey also showed the cloud market continues to grow **34%** year-over-year.\\r\\n\\r\\n:::tip FunFact\\r\\n\\r\\nIt took Netflix seven years to migrate to AWS\\r\\n\\r\\n:::\\r\\n\\r\\n## Some drawbacks to have a look upon\\r\\n<br />\\r\\n\\r\\n| ![Drawbacks of Cloud Computing](drawback.jpg) |\\r\\n| :--: |\\r\\n| *Drawbacks of Cloud Computing* |\\r\\n\\r\\nAccording to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure **(68 percent)**; unauthorized access **(58 percent)**; insecure API **(52 percent)**; accounts, services or traffic hijacking **(50 percent)** and external data sharing **(43 percent)**.\\r\\n\\r\\n:::info \\r\\n\\r\\nIf you are interested in finding out more about cloud security, we have an [excellent article detailing cloud security measures](https://www.cloudwards.net/cloud-security/) for cloud storage services.\\r\\n\\r\\n:::\\r\\n\\r\\n## Conclusion\\r\\n\\r\\n- In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.\\r\\n- The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.\\r\\n- However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.\\r\\n- Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.\\r\\n\\r\\nIn short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come."},{"id":"breaking-the-ice-open-source","metadata":{"permalink":"/blog/breaking-the-ice-open-source","source":"@site/blog/2023-04-07-opensource/index.md","title":"Breaking The Ice - Open Source","description":"Breaking The Ice - Open Source","date":"2023-04-07T00:00:00.000Z","formattedDate":"April 7, 2023","tags":[{"label":"free","permalink":"/blog/tags/free"},{"label":"open","permalink":"/blog/tags/open"},{"label":"source","permalink":"/blog/tags/source"},{"label":"software","permalink":"/blog/tags/software"}],"readingTime":3.415,"hasTruncateMarker":false,"authors":[{"name":"Vishal Rawat","title":"Co-creator & Chief Technical Officer of TCET Open Source","url":"https://github.com/vish-rt","imageURL":"https://github.com/vish-rt.png","key":"vishal"}],"frontMatter":{"slug":"breaking-the-ice-open-source","title":"Breaking The Ice - Open Source","authors":["vishal"],"tags":["free","open","source","software"],"description":"Breaking The Ice - Open Source","keywords":["free","open","source","software"]},"prevItem":{"title":"Cloud Computing: Revolutionizing the Way We Store and\xa0Access\xa0Data","permalink":"/blog/intro-to-cloud-computing"}},"content":"Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven\'t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.\\r\\n\\r\\n## What really _is_ Open Source?\\r\\n\\r\\nIf you\'re the engineering type of person that tackles humanity\'s problems and urgent needs by bringing together an entire community and building a \\"project\\" with them, you\'ll want to know about **Open source**. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. \\r\\n\\r\\nHere it is again in bigger letters, for impact:\\r\\n\\r\\n> ### Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.\\r\\n\\r\\nAnd now you know what open source is. _In theory, this blog post could be done!_\\r\\n\\r\\n---\\r\\n\\r\\n### Beyond the marketing standpoint\\r\\n\\r\\nTechnology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find \\"buzz words\\" which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.\\r\\n\\r\\nOne such \\"buzz word\\" in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term \\"open source\\" was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.\\r\\n\\r\\nOpen source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your **homework**: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality _(which I don\'t)_, you send this document to all your classmates who start doing bits of your homework.\\r\\n\\r\\n_The result?_ A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.\\r\\n\\r\\n### But open source doesn\'t stop there\\r\\n\\r\\nImagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.\\r\\n\\r\\n| ![Example of suggestions](meme.jpg) |\\r\\n|:--:|\\r\\n| *A simple conversation between a contributor and a project developer* |\\r\\n\\r\\nAnother way to look at open source can be building the big **Lego City** together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.\\r\\n\\r\\n| ![Software Engineers](budding.jpg) |\\r\\n|:--:|\\r\\n| *Budding software engineers collaborating to build their project* |\\r\\n\\r\\nOpen source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like **Android** to **Linux**: the operating system used by many corporates and tech giants, there\'s no saying what the next big thing will be.\\r\\n\\r\\n| ![Open Source](open.jpg) |\\r\\n|:--:|\\r\\n| *Python, Dart, React, MongoDB, even this text box is open source* |\\r\\n\\r\\nThat\'s about the gist of what I wished to express regarding open source. Surely that\'s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts."}]}')}}]); \ No newline at end of file diff --git a/assets/js/d7f54ba9.9a0908bb.js b/assets/js/d7f54ba9.e2efa4ac.js similarity index 76% rename from assets/js/d7f54ba9.9a0908bb.js rename to assets/js/d7f54ba9.e2efa4ac.js index 22bb6416..88285b7c 100644 --- a/assets/js/d7f54ba9.9a0908bb.js +++ b/assets/js/d7f54ba9.e2efa4ac.js @@ -1 +1 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[788],{4688:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/technology","page":1,"postsPerPage":3,"totalPages":1,"totalCount":1,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[788],{4688:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/technology","page":1,"postsPerPage":3,"totalPages":1,"totalCount":2,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/db0d0857.bd526f2e.js b/assets/js/db0d0857.bd526f2e.js new file mode 100644 index 00000000..cd1763b4 --- /dev/null +++ b/assets/js/db0d0857.bd526f2e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[7256],{1516:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/ai/page/2","page":2,"postsPerPage":3,"totalPages":2,"totalCount":4,"previousPage":"/blog/tags/ai","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/e0eb994a.0e0b711c.js b/assets/js/e0eb994a.0e0b711c.js new file mode 100644 index 00000000..660bf97d --- /dev/null +++ b/assets/js/e0eb994a.0e0b711c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[6274],{7424:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/data","page":1,"postsPerPage":3,"totalPages":2,"totalCount":4,"nextPage":"/blog/tags/data/page/2","blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/e0eb994a.6cfbfb58.js b/assets/js/e0eb994a.6cfbfb58.js deleted file mode 100644 index 9dd02b1f..00000000 --- a/assets/js/e0eb994a.6cfbfb58.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[6274],{7424:e=>{e.exports=JSON.parse('{"permalink":"/blog/tags/data","page":1,"postsPerPage":3,"totalPages":1,"totalCount":3,"blogDescription":"TCET Open Source Blogging Page","blogTitle":"Blogs"}')}}]); \ No newline at end of file diff --git a/assets/js/e1f3d415.90e5b376.js b/assets/js/e1f3d415.90e5b376.js new file mode 100644 index 00000000..6ecc928f --- /dev/null +++ b/assets/js/e1f3d415.90e5b376.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[9223],{3905:(t,e,n)=>{n.d(e,{Zo:()=>s,kt:()=>y});var o=n(7294);function a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function i(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){a(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function l(t,e){if(null==t)return{};var n,o,a=function(t,e){if(null==t)return{};var n,o,a={},r=Object.keys(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||(a[n]=t[n]);return a}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(a[n]=t[n])}return a}var u=o.createContext({}),c=function(t){var e=o.useContext(u),n=e;return t&&(n="function"==typeof t?t(e):i(i({},e),t)),n},s=function(t){var e=c(t.components);return o.createElement(u.Provider,{value:e},t.children)},p="mdxType",m={inlineCode:"code",wrapper:function(t){var e=t.children;return o.createElement(o.Fragment,{},e)}},g=o.forwardRef((function(t,e){var n=t.components,a=t.mdxType,r=t.originalType,u=t.parentName,s=l(t,["components","mdxType","originalType","parentName"]),p=c(n),g=a,y=p["".concat(u,".").concat(g)]||p[g]||m[g]||r;return n?o.createElement(y,i(i({ref:e},s),{},{components:n})):o.createElement(y,i({ref:e},s))}));function y(t,e){var n=arguments,a=e&&e.mdxType;if("string"==typeof t||a){var r=n.length,i=new Array(r);i[0]=g;var l={};for(var u in e)hasOwnProperty.call(e,u)&&(l[u]=e[u]);l.originalType=t,l[p]="string"==typeof t?t:a,i[1]=l;for(var c=2;c<r;c++)i[c]=n[c];return o.createElement.apply(null,i)}return o.createElement.apply(null,n)}g.displayName="MDXCreateElement"},4793:(t,e,n)=>{n.r(e),n.d(e,{assets:()=>u,contentTitle:()=>i,default:()=>m,frontMatter:()=>r,metadata:()=>l,toc:()=>c});var o=n(7462),a=(n(7294),n(3905));const r={slug:"intro-to-ai-automation",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",authors:["aadil"],tags:["AI","Automation","Work","Innovation","Data","Technology"],description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",keywords:["AI","Automation","Work","Innovation","Data","Technology"]},i=void 0,l={permalink:"/blog/intro-to-ai-automation",source:"@site/blog/2023-10-13-AI-Automation/index.mdx",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",date:"2023-10-13T00:00:00.000Z",formattedDate:"October 13, 2023",tags:[{label:"AI",permalink:"/blog/tags/ai"},{label:"Automation",permalink:"/blog/tags/automation"},{label:"Work",permalink:"/blog/tags/work"},{label:"Innovation",permalink:"/blog/tags/innovation"},{label:"Data",permalink:"/blog/tags/data"},{label:"Technology",permalink:"/blog/tags/technology"}],readingTime:4.125,hasTruncateMarker:!0,authors:[{name:"Aadil Rayeen",title:"Docs Team Member | AI & ML Enthusiast | Web Developer",url:"https://github.com/AadilRayeen",imageURL:"https://github.com/AadilRayeen.png",key:"aadil"}],frontMatter:{slug:"intro-to-ai-automation",title:"AI Automation Odyssey: Navigating the Future of Work and Innovation",authors:["aadil"],tags:["AI","Automation","Work","Innovation","Data","Technology"],description:"AI Automation Odyssey: Navigating the Future of Work and Innovation",keywords:["AI","Automation","Work","Innovation","Data","Technology"]},nextItem:{title:"CNCF Zero to Merge - Your first step towards Open-Source",permalink:"/blog/CNCF-Zero-to-Merge"}},u={authorsImageUrls:[void 0]},c=[],s={toc:c},p="wrapper";function m(t){let{components:e,...n}=t;return(0,a.kt)(p,(0,o.Z)({},s,n,{components:e,mdxType:"MDXLayout"}),(0,a.kt)("blockquote",null,(0,a.kt)("p",{parentName:"blockquote"},"Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today's quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We'll look at the main aspects of AI automation in this post.")))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/f32fe326.97637734.js b/assets/js/f32fe326.97637734.js deleted file mode 100644 index 59f32f5b..00000000 --- a/assets/js/f32fe326.97637734.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8843],{4634:a=>{a.exports=JSON.parse('{"label":"ai","permalink":"/blog/tags/ai","allTagsPath":"/blog/tags","count":3}')}}]); \ No newline at end of file diff --git a/assets/js/f32fe326.f9dd6beb.js b/assets/js/f32fe326.f9dd6beb.js new file mode 100644 index 00000000..4f422dc3 --- /dev/null +++ b/assets/js/f32fe326.f9dd6beb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8843],{4634:s=>{s.exports=JSON.parse('{"label":"AI","permalink":"/blog/tags/ai","allTagsPath":"/blog/tags","count":4}')}}]); \ No newline at end of file diff --git a/assets/js/main.2ee77d72.js b/assets/js/main.2ee77d72.js deleted file mode 100644 index 7408a945..00000000 --- a/assets/js/main.2ee77d72.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see main.2ee77d72.js.LICENSE.txt */ -(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[179],{830:(e,t,n)=>{"use strict";n.d(t,{W:()=>o});var r=n(7294);function o(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),o=n(7462),a=n(8356),i=n.n(a),s=n(6887);const l={"011e0067":[()=>n.e(3976).then(n.t.bind(n,280,19)),"~blog/default/blog-tags-cyberpunk-69c-list.json",280],"015b1d9e":[()=>n.e(6476).then(n.bind(n,2709)),"@site/docs/projects/tnp-website/frontend-components/footer.mdx",2709],"018d5104":[()=>n.e(9707).then(n.t.bind(n,5792,19)),"~blog/default/blog-tags-css-153-list.json",5792],"01a85c17":[()=>Promise.all([n.e(532),n.e(4013)]).then(n.bind(n,1223)),"@theme/BlogTagsListPage",1223],"01bf591d":[()=>n.e(357).then(n.bind(n,6986)),"@site/docs/projects/tcet-linux/iso-profile/scripts.md",6986],"0525c05b":[()=>n.e(9846).then(n.t.bind(n,9191,19)),"~blog/default/blog-tags-zero-to-merge-939-list.json",9191],"064ccdc3":[()=>n.e(7013).then(n.bind(n,6877)),"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md?truncated=true",6877],"0678a95e":[()=>n.e(1914).then(n.bind(n,7478)),"@site/docs/projects/tnp-website/frontend-components/internships.mdx",7478],"06d3e07c":[()=>n.e(178).then(n.bind(n,2948)),"@site/docs/projects/fmc-website/mathematical-logic/average.mdx",2948],"07d439e2":[()=>n.e(2943).then(n.bind(n,8498)),"@site/docs/projects/fmc-website/mathematical-logic/table-manager.mdx",8498],"07d4f3c3":[()=>n.e(5794).then(n.bind(n,4040)),"@site/docs/projects/docs-site/getting-started.md",4040],"07e2df72":[()=>Promise.all([n.e(532),n.e(3334)]).then(n.bind(n,4642)),"@site/blog/2023-06-10-introduction-to-api/index.mdx",4642],"08c356fe":[()=>n.e(1258).then(n.bind(n,1404)),"@site/docs/projects/fmc-website/components/button-instructions.mdx",1404],"093d5119":[()=>n.e(9851).then(n.bind(n,5959)),"@site/blog/2023-04-07-opensource/index.md?truncated=true",5959],"0abe3c97":[()=>n.e(9962).then(n.t.bind(n,701,19)),"~blog/default/blog-tags-automation-1d1-list.json",701],"0b770e5c":[()=>n.e(2114).then(n.t.bind(n,3655,19)),"~blog/default/blog-tags-cyberpunk-69c.json",3655],"0bb967d4":[()=>n.e(6336).then(n.bind(n,9845)),"@site/docs/projects/resume-screener-website/frontend-components/ats-resume-template.mdx",9845],"0be9de06":[()=>n.e(7222).then(n.t.bind(n,390,19)),"~blog/default/blog-tags-api-ce2-list.json",390],"0ca0adb8":[()=>n.e(2184).then(n.t.bind(n,4348,19)),"~blog/default/blog-tags-virtaul-dom-558.json",4348],"0dbc6863":[()=>n.e(6759).then(n.bind(n,2330)),"@site/docs/projects/fmc-website/components/cycle-result.mdx",2330],"0e701e42":[()=>n.e(8485).then(n.bind(n,48)),"@site/docs/projects/fmc-website/about-fmc-website.mdx",48],"0f9e71a3":[()=>n.e(1422).then(n.bind(n,6853)),"@site/blog/2023-04-10-intro-to-react-js/index.md",6853],10221538:[()=>n.e(817).then(n.bind(n,3633)),"@site/blog/2023-06-30-tmai-june-23/index.md",3633],"1132ad1b":[()=>n.e(1316).then(n.bind(n,3385)),"@site/docs/projects/tnp-website/frontend-components/event-page.mdx",3385],"11ce4159":[()=>n.e(1531).then(n.t.bind(n,5034,19)),"~blog/default/blog-page-5-c6b.json",5034],"1217cc9a":[()=>n.e(9088).then(n.bind(n,9214)),"@site/blog/2023-04-09-intro-to-cloud-computing/index.md?truncated=true",9214],"126747ee":[()=>n.e(7060).then(n.bind(n,3230)),"@site/blog/2023-10-01-blog-guidlines/index.mdx",3230],"13c191f5":[()=>n.e(8050).then(n.t.bind(n,5880,19)),"~blog/default/blog-tags-free-ba0.json",5880],"145b2738":[()=>n.e(997).then(n.bind(n,2544)),"@site/blog/2023-04-10-intro-to-react-js/index.md?truncated=true",2544],"148b302f":[()=>n.e(8624).then(n.bind(n,6242)),"@site/docs/projects/resume-screener-website/frontend-components/hero.mdx",6242],"14ab2c58":[()=>n.e(952).then(n.bind(n,1578)),"@site/docs/projects/tnp-website/frontend-components/components.mdx",1578],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,4228)),"@theme/DocCategoryGeneratedIndexPage",4228],"15c9b4fc":[()=>n.e(40).then(n.bind(n,3795)),"@site/docs/projects/tcet-linux/getting-started.md",3795],"16ea2389":[()=>n.e(4414).then(n.t.bind(n,1511,19)),"~blog/default/blog-tags-source-541-list.json",1511],"174af344":[()=>n.e(2072).then(n.bind(n,5454)),"@site/docs/projects/fmc-website/components/footer.mdx",5454],17896441:[()=>Promise.all([n.e(532),n.e(2497),n.e(7918)]).then(n.bind(n,5154)),"@theme/DocItem",5154],"180aea8b":[()=>n.e(2618).then(n.t.bind(n,5565,19)),"~blog/default/blog-tags-artificial-intelligence-d5b.json",5565],"181379b6":[()=>n.e(4406).then(n.bind(n,5293)),"@site/blog/2023-10-08-web-crawling/index.mdx",5293],"183d06d0":[()=>n.e(6626).then(n.t.bind(n,5446,19)),"~blog/default/blog-tags-react-js-89e-list.json",5446],19077414:[()=>n.e(8030).then(n.bind(n,2564)),"@site/docs/projects/fmc-website/mathematical-logic/perform.mdx",2564],"195928cd":[()=>n.e(6483).then(n.t.bind(n,181,19)),"~blog/default/blog-tags-tui-9bb.json",181],"19b37017":[()=>n.e(1515).then(n.bind(n,6528)),"@site/docs/resources/workflows/internal-workflow/internal-workflow.md",6528],"1a4e3797":[()=>Promise.all([n.e(532),n.e(7920)]).then(n.bind(n,9172)),"@theme/SearchPage",9172],"1be78505":[()=>Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,9963)),"@theme/DocPage",9963],"1f1a9191":[()=>n.e(5145).then(n.bind(n,1100)),"@site/docs/projects/tcet-linux/iso-profile/rootfs.md",1100],"203e7aa1":[()=>n.e(1235).then(n.bind(n,81)),"@site/blog/2023-06-06-tmai-may-23/index.md",81],"2243869d":[()=>n.e(5704).then(n.bind(n,4627)),"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx",4627],23449821:[()=>n.e(1859).then(n.t.bind(n,1664,19)),"~blog/default/blog-tags-cloud-computing-d12-list.json",1664],"2455eea8":[()=>n.e(7228).then(n.t.bind(n,8892,19)),"~blog/default/blog-tags-data-extraction-2ae.json",8892],"249c34a0":[()=>n.e(1602).then(n.t.bind(n,5668,19)),"~blog/default/blog-tags-software-page-2-60d.json",5668],"25db3e58":[()=>n.e(5810).then(n.t.bind(n,8007,19)),"~blog/default/blog-tags-terminal-1f8-list.json",8007],"277a8968":[()=>n.e(3536).then(n.t.bind(n,7603,19)),"~blog/default/blog-tags-cloud-computing-d12.json",7603],"28d37a26":[()=>n.e(9535).then(n.t.bind(n,1066,19)),"~blog/default/blog-tags-cncf-636-list.json",1066],"2b5f54f2":[()=>n.e(129).then(n.bind(n,4613)),"@site/docs/projects/tcet-linux-website/frontend-components/navbar.mdx",4613],"2ca153c8":[()=>n.e(2798).then(n.t.bind(n,2074,19)),"~blog/default/blog-tags-jsx-5c1-list.json",2074],"2d2f753f":[()=>n.e(2894).then(n.t.bind(n,9299,19)),"~blog/default/blog-tags-mind-benders-8e7-list.json",9299],"2e20eea4":[()=>n.e(7708).then(n.bind(n,7088)),"@site/docs/projects/resume-screener-website/frontend-components/about-us.mdx",7088],"2e79d8a7":[()=>n.e(2682).then(n.t.bind(n,5195,19)),"~docs/default/category-docs-docs-category-workflows-67c.json",5195],"2f43b7b8":[()=>n.e(9344).then(n.t.bind(n,9588,19)),"~blog/default/blog-tags-free-ba0-list.json",9588],"332c576c":[()=>n.e(4974).then(n.t.bind(n,1145,19)),"~blog/default/blog-tags-data-48e.json",1145],"336d5e53":[()=>n.e(2357).then(n.bind(n,4797)),"@site/docs/projects/resume-screener-website/frontend-components/guideline.mdx",4797],"361aeaff":[()=>n.e(6731).then(n.bind(n,3424)),"@site/blog/2023-10-01-blog-guidlines/index.mdx?truncated=true",3424],"3b584882":[()=>n.e(8492).then(n.bind(n,9470)),"@site/docs/projects/tnp-website/frontend-components/tech-stacks.mdx",9470],"3bcb60ef":[()=>n.e(4420).then(n.t.bind(n,4781,19)),"~blog/default/blog-tags-cultural-950-list.json",4781],"3efe186d":[()=>n.e(5456).then(n.bind(n,9173)),"@site/blog/2023-04-09-intro-to-cloud-computing/index.md",9173],"41a57e93":[()=>n.e(1399).then(n.bind(n,3166)),"@site/docs/projects/resume-screener-website/getting-started.mdx",3166],"42a79876":[()=>n.e(4199).then(n.bind(n,1292)),"@site/docs/projects/resume-screener-website/about-resume-screener-website.mdx",1292],"42cfb5d4":[()=>n.e(6740).then(n.t.bind(n,987,19)),"~blog/default/blog-tags-social-806-list.json",987],"4303eacb":[()=>n.e(6488).then(n.bind(n,230)),"@site/docs/projects/resume-screener-website/frontend-components/footer.mdx",230],"44ac4dbb":[()=>n.e(7142).then(n.t.bind(n,399,19)),"~blog/default/blog-page-6-772.json",399],"468416a0":[()=>n.e(5614).then(n.t.bind(n,9557,19)),"~blog/default/blog-tags-blockchain-bb4.json",9557],"4732c43b":[()=>n.e(7072).then(n.bind(n,6687)),"@site/blog/2023-05-07-tmai-april-23/index.md",6687],"481fd4dd":[()=>Promise.all([n.e(532),n.e(7892)]).then(n.bind(n,3226)),"@site/docs/projects/docs-site/sidebar/adding-items.mdx",3226],"48b11c83":[()=>n.e(9106).then(n.bind(n,9942)),"@site/docs/projects/fmc-website/components/header-help.mdx",9942],"4b2d8469":[()=>n.e(2369).then(n.t.bind(n,5752,19)),"~blog/default/blog-tags-tmai-ee7-list.json",5752],"4b95aa7a":[()=>n.e(9484).then(n.bind(n,202)),"@site/docs/projects/docs-site/sidebar/multiple-sidebars.mdx",202],"4bc386a3":[()=>n.e(2300).then(n.bind(n,1928)),"@site/docs/projects/tcet-linux-website/frontend-components/tech-stacks.mdx",1928],"4bd5fd33":[()=>n.e(6560).then(n.t.bind(n,404,19)),"~blog/default/blog-tags-automation-1d1.json",404],"4cbce6ab":[()=>n.e(8426).then(n.bind(n,346)),"@site/docs/projects/tnp-website/frontend-components/top-placed-students.mdx",346],"4e20cbbc":[()=>n.e(9313).then(n.t.bind(n,8115,19)),"~blog/default/blog-tags-integration-a8f.json",8115],"4e5f1ca0":[()=>n.e(1835).then(n.t.bind(n,1676,19)),"~blog/default/blog-tags-jsx-5c1.json",1676],"4e7cf029":[()=>n.e(383).then(n.bind(n,8885)),"@site/docs/projects/fmc-website/components/tech-stacks.mdx",8885],"51e4ac6f":[()=>n.e(9169).then(n.t.bind(n,7736,19)),"~blog/default/blog-tags-open-source-6de.json",7736],52961045:[()=>n.e(6189).then(n.t.bind(n,8440,19)),"~blog/default/blog-tags-terminal-1f8.json",8440],"52cd39ac":[()=>n.e(2877).then(n.bind(n,8682)),"@site/docs/projects/fmc-website/components/displaying-cycle.mdx",8682],"545cb3af":[()=>n.e(3682).then(n.bind(n,9647)),"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx?truncated=true",9647],55207995:[()=>n.e(9650).then(n.t.bind(n,3610,19)),"~blog/default/blog-tags-technology-3f7.json",3610],"56e32e60":[()=>n.e(3711).then(n.t.bind(n,9623,19)),"~blog/default/blog-tags-authentication-b73-list.json",9623],"56ec2d2a":[()=>n.e(64).then(n.bind(n,1398)),"@site/docs/projects/fmc-website/mathematical-logic/input-handler.mdx",1398],"5892662e":[()=>n.e(3075).then(n.t.bind(n,1552,19)),"~blog/default/blog-tags-html-67d-list.json",1552],"5a05c4ed":[()=>n.e(1183).then(n.bind(n,276)),"@site/docs/projects/tnp-website/frontend-components/header.mdx",276],"5b4d43ff":[()=>n.e(3058).then(n.t.bind(n,2095,19)),"~blog/default/blog-tags-source-541.json",2095],"5bf92320":[()=>n.e(8650).then(n.bind(n,6719)),"@site/docs/projects/fmc-website/mathematical-logic/table-transformation.mdx",6719],"5d67ed81":[()=>n.e(5683).then(n.bind(n,251)),"@site/blog/2023-06-30-tmai-june-23/index.md?truncated=true",251],"5e3d8917":[()=>n.e(4736).then(n.bind(n,733)),"@site/docs/projects/tcet-linux-website/frontend-components/download-section.mdx",733],"5e729dc7":[()=>n.e(1353).then(n.t.bind(n,6603,19)),"~blog/default/blog-tags-integration-a8f-list.json",6603],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f8fc89b":[()=>n.e(8523).then(n.bind(n,6166)),"@site/docs/projects/tnp-website/frontend-components/student-award.mdx",6166],"5fcc37c8":[()=>n.e(930).then(n.t.bind(n,7761,19)),"~blog/default/blog-tags-data-science-578.json",7761],"6068a052":[()=>n.e(5850).then(n.t.bind(n,3405,19)),"~blog/default/blog-tags-data-science-578-list.json",3405],"65e2adb6":[()=>n.e(1861).then(n.bind(n,7961)),"@site/docs/projects/tcet-linux-website/frontend-components/installation-steps.mdx",7961],"6724b65c":[()=>n.e(3690).then(n.bind(n,271)),"@site/docs/projects/tnp-website/frontend-components/companies.mdx",271],"67fc793f":[()=>n.e(7466).then(n.bind(n,2964)),"@site/docs/projects/tnp-website/frontend-components/industry-interaction.mdx",2964],"6875c492":[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(8610)]).then(n.bind(n,1714)),"@theme/BlogTagsPostsPage",1714],"68d4a8ee":[()=>n.e(3477).then(n.bind(n,9307)),"@site/docs/projects/tnp-website/frontend-components/attendance-chart.mdx",9307],"69b09ea9":[()=>n.e(498).then(n.t.bind(n,4557,19)),"~blog/default/blog-tags-community-d90.json",4557],"69c643c0":[()=>Promise.all([n.e(532),n.e(6144)]).then(n.bind(n,4386)),"@site/docs/projects/docs-site/navbar/search-bar.mdx",4386],"6b040dea":[()=>n.e(645).then(n.bind(n,2751)),"@site/blog/2023-04-15-rcblog/index.md?truncated=true",2751],"6c601b0f":[()=>n.e(3374).then(n.t.bind(n,6622,19)),"~blog/default/blog-tags-cli-9c0-list.json",6622],"6c7ec1b6":[()=>n.e(5160).then(n.bind(n,3477)),"@site/blog/2023-05-07-tmai-april-23/index.md?truncated=true",3477],"6d025361":[()=>n.e(4110).then(n.bind(n,9967)),"@site/blog/2023-10-06-linux-cli/index.mdx?truncated=true",9967],"6d453d64":[()=>n.e(9287).then(n.t.bind(n,794,19)),"~blog/default/blog-tags-api-ce2.json",794],"6de70aac":[()=>Promise.all([n.e(532),n.e(3004)]).then(n.bind(n,980)),"@site/docs/projects/tnp-website/frontend-components/placement.mdx",980],"6ee5f2ba":[()=>n.e(4959).then(n.bind(n,642)),"@site/blog/2023-10-7-Blockchain/index.md",642],"70ad3ff0":[()=>n.e(147).then(n.t.bind(n,3478,19)),"~blog/default/blog-tags-blockchain-bb4-list.json",3478],"70c84758":[()=>n.e(5932).then(n.t.bind(n,7571,19)),"~blog/default/blog-tags-linux-a80-list.json",7571],"720401d8":[()=>n.e(4022).then(n.bind(n,8492)),"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",8492],"73006ab0":[()=>n.e(5300).then(n.bind(n,2262)),"@site/docs/projects/docs-site/navbar/adding-links.md",2262],"7332ec3f":[()=>n.e(9556).then(n.bind(n,5524)),"@site/docs/projects/tcet-linux/iso-profile/bootloaders.md",5524],"7425c87d":[()=>Promise.all([n.e(532),n.e(4843)]).then(n.bind(n,7674)),"@site/docs/projects/tnp-website/frontend-components/placed-students.mdx",7674],"7797872e":[()=>n.e(850).then(n.t.bind(n,5695,19)),"~blog/default/blog-tags-software-f0d-list.json",5695],"77b704ef":[()=>n.e(4898).then(n.t.bind(n,7907,19)),"~blog/default/blog-tags-editorial-8fd.json",7907],"79b40c34":[()=>n.e(703).then(n.bind(n,8598)),"@site/docs/projects/tcet-linux-website/frontend-components/verify-downloads.mdx",8598],"7d0539b1":[()=>n.e(7834).then(n.t.bind(n,3769,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-docs\\default\\plugin-route-context-module-100.json",3769],"7d9726a8":[()=>n.e(7429).then(n.t.bind(n,9494,19)),"~blog/default/blog-page-4-30b.json",9494],"7f7940a1":[()=>n.e(7456).then(n.bind(n,2240)),"@site/blog/2023-06-06-tmai-may-23/index.md?truncated=true",2240],"805a8850":[()=>n.e(6085).then(n.t.bind(n,2194,19)),"~blog/default/blog-tags-virtaul-dom-558-list.json",2194],"8128ed27":[()=>n.e(8404).then(n.t.bind(n,6089,19)),"~blog/default/blog-tags-software-f0d.json",6089],"814f3328":[()=>n.e(2535).then(n.t.bind(n,5641,19)),"~blog/default/blog-post-list-prop-default.json",5641],"829ce8eb":[()=>n.e(8566).then(n.t.bind(n,2661,19)),"~blog/default/blog-tags-data-extraction-2ae-list.json",2661],"829f3b94":[()=>n.e(4194).then(n.bind(n,8670)),"@site/docs/projects/fmc-website/mathematical-logic/table-updater.mdx",8670],"89d2fbd1":[()=>n.e(5987).then(n.bind(n,7194)),"@site/docs/projects/docs-site/sidebar/adding-links.md",7194],"8aa54cac":[()=>n.e(9724).then(n.t.bind(n,7085,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-theme-search-algolia\\default\\plugin-route-context-module-100.json",7085],"8b916fa8":[()=>n.e(7890).then(n.t.bind(n,2117,19)),"~blog/default/blog-tags-mental-model-b08-list.json",2117],"8eb4e46b":[()=>n.e(1).then(n.t.bind(n,2638,19)),"~blog/default/blog-page-2-677.json",2638],"8f081614":[()=>n.e(7922).then(n.bind(n,389)),"@site/docs/projects/resume-screener-website/frontend-components/card.mdx",389],"918c5d55":[()=>n.e(9906).then(n.bind(n,519)),"@site/blog/2023-04-12-dive-into-web-design/index.md",519],"92999a1c":[()=>n.e(8442).then(n.t.bind(n,5310,19)),"~blog/default/blog-page-3-fd4.json",5310],"92fd5fda":[()=>n.e(849).then(n.t.bind(n,6855,19)),"~blog/default/blog-tags-web-design-e76.json",6855],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"940d989c":[()=>n.e(3920).then(n.bind(n,8276)),"@site/docs/resources/workflows/external-workflow/external-workflow.md",8276],"9475880e":[()=>n.e(1151).then(n.t.bind(n,1426,19)),"~blog/default/blog-tags-authentication-b73.json",1426],96504147:[()=>n.e(7661).then(n.bind(n,3050)),"@site/blog/2023-04-12-dive-into-web-design/index.md?truncated=true",3050],"970d58c3":[()=>n.e(2197).then(n.bind(n,5001)),"@site/blog/2023-10-06-linux-cli/index.mdx",5001],"99a66f7b":[()=>n.e(259).then(n.t.bind(n,8769,19)),"~blog/default/blog-tags-frontend-1ec-list.json",8769],"9a413aa3":[()=>n.e(4759).then(n.t.bind(n,4838,19)),"~blog/default/blog-tags-react-js-89e.json",4838],"9c364e92":[()=>n.e(1180).then(n.bind(n,6027)),"@site/docs/projects/fmc-website/mathematical-logic/checker.mdx",6027],"9d13a154":[()=>n.e(5742).then(n.t.bind(n,7655,19)),"~blog/default/blog-tags-open-204-list.json",7655],"9d67aca7":[()=>n.e(1737).then(n.t.bind(n,6542,19)),"~blog/default/blog-tags-cultural-950.json",6542],"9e4087bc":[()=>n.e(3608).then(n.bind(n,3169)),"@theme/BlogArchivePage",3169],a36811df:[()=>n.e(3854).then(n.t.bind(n,4944,19)),"~blog/default/blog-tags-resonsiveness-962.json",4944],a3f8542c:[()=>n.e(9361).then(n.bind(n,858)),"@site/docs/projects/fmc-website/mathematical-logic/table-calculator.mdx",858],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(3089)]).then(n.bind(n,46)),"@theme/BlogListPage",46],a6be9a06:[()=>n.e(9044).then(n.bind(n,1508)),"@site/docs/projects/fmc-website/mathematical-logic/scripts.mdx",1508],a7023ddc:[()=>n.e(1713).then(n.t.bind(n,3457,19)),"~blog/default/blog-tags-tags-4c2.json",3457],a8657b80:[()=>n.e(9209).then(n.bind(n,3155)),"@site/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard.mdx",3155],a977d5d4:[()=>n.e(2735).then(n.bind(n,4020)),"@site/blog/2023-10-7-Blockchain/index.md?truncated=true",4020],a9abc03d:[()=>n.e(4852).then(n.t.bind(n,5745,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-pages\\default\\plugin-route-context-module-100.json",5745],ab2ce8cc:[()=>n.e(9230).then(n.bind(n,4792)),"@site/docs/projects/tnp-website/frontend-components/hero.mdx",4792],ab4c6d72:[()=>n.e(2332).then(n.t.bind(n,2770,19)),"~blog/default/blog-tags-ai-3e5-list.json",2770],ad24ee66:[()=>n.e(4090).then(n.t.bind(n,9793,19)),"~blog/default/blog-tags-nvidia-5cf.json",9793],ad4ba58a:[()=>n.e(4586).then(n.bind(n,293)),"@site/blog/2023-10-1-cloudgaming/index.md?truncated=true",293],ad7114c0:[()=>n.e(9054).then(n.t.bind(n,791,19)),"~blog/default/blog-tags-web-design-e76-list.json",791],ad8a4f52:[()=>n.e(2406).then(n.t.bind(n,2710,19)),"~blog/default/blog-tags-web-crawling-df6-list.json",2710],afaff11a:[()=>n.e(2878).then(n.t.bind(n,6271,19)),"~blog/default/blog-tags-community-d90-list.json",6271],b1513dc1:[()=>n.e(3937).then(n.t.bind(n,4370,19)),"~blog/default/blog-tags-cloud-d01-list.json",4370],b2709843:[()=>n.e(3554).then(n.t.bind(n,6951,19)),"~blog/default/blog-tags-mental-model-b08.json",6951],b2b675dd:[()=>n.e(533).then(n.t.bind(n,8017,19)),"~blog/default/blog-c06.json",8017],b2f554cd:[()=>n.e(1477).then(n.t.bind(n,10,19)),"~blog/default/blog-archive-80c.json",10],b3738e59:[()=>n.e(8414).then(n.bind(n,7938)),"@site/docs/projects/docs-site/sidebar/adding-categories.md",7938],b6213d43:[()=>n.e(5158).then(n.bind(n,2458)),"@site/docs/projects/resume-screener-website/frontend-components/tech-stacks.mdx",2458],b86fb017:[()=>n.e(9409).then(n.bind(n,8959)),"@site/blog/2023-04-15-rcblog/index.md",8959],b90f67ab:[()=>n.e(4039).then(n.bind(n,4333)),"@site/docs/projects/tnp-website/getting-started.md",4333],b915f261:[()=>n.e(175).then(n.bind(n,3902)),"@site/docs/projects/tnp-website/frontend-components/top-recruiters.mdx",3902],ba8f817c:[()=>n.e(7404).then(n.t.bind(n,6716,19)),"~blog/default/blog-tags-tui-9bb-list.json",6716],bb19e508:[()=>n.e(9686).then(n.bind(n,4626)),"@site/blog/2023-04-07-opensource/index.md",4626],bc23c598:[()=>n.e(580).then(n.t.bind(n,7442,19)),"~blog/default/blog-tags-web-crawling-df6.json",7442],bdff1965:[()=>n.e(2307).then(n.t.bind(n,6948,19)),"~blog/default/blog-tags-open-source-6de-list.json",6948],bece1fcc:[()=>n.e(5029).then(n.t.bind(n,9359,19)),"~blog/default/blog-tags-machine-learning-36b.json",9359],c17206ae:[()=>n.e(3832).then(n.bind(n,9079)),"@site/docs/projects/docs-site/about-docs.md",9079],c29df475:[()=>n.e(476).then(n.bind(n,2527)),"@site/docs/projects/tcet-linux-website/about-tcet-linux-website.mdx",2527],c3596f7d:[()=>n.e(2892).then(n.bind(n,6098)),"@site/docs/projects/tcet-linux/iso-profile/iso-profile.md",6098],c44c3bbb:[()=>n.e(2049).then(n.t.bind(n,306,19)),"~docs/default/category-docs-docs-category-resources-2da.json",306],c4f5d8e4:[()=>Promise.all([n.e(532),n.e(6233),n.e(4195)]).then(n.bind(n,4497)),"@site/src/pages/index.js",4497],c578a3f6:[()=>n.e(3887).then(n.bind(n,4592)),"@site/docs/projects/docs-site/sidebar/sidebar.md",4592],c5e81cca:[()=>n.e(8717).then(n.t.bind(n,2170,19)),"~blog/default/blog-tags-gaming-b21-list.json",2170],c689f34a:[()=>n.e(1820).then(n.t.bind(n,4307,19)),"~blog/default/blog-tags-nvidia-5cf-list.json",4307],c6f71f2b:[()=>n.e(4491).then(n.t.bind(n,8590,19)),"~blog/default/blog-tags-frontend-1ec.json",8590],c7135589:[()=>n.e(7229).then(n.t.bind(n,2412,19)),"~blog/default/blog-tags-resonsiveness-962-list.json",2412],c750b51b:[()=>n.e(5105).then(n.bind(n,2380)),"@site/docs/projects/docs-site/navbar/navbar.md",2380],ca576004:[()=>n.e(4270).then(n.bind(n,9372)),"@site/docs/projects/fmc-website/components/defining-cycle.mdx",9372],cb2f910a:[()=>n.e(6650).then(n.bind(n,5979)),"@site/docs/projects/tcet-linux-website/frontend-components/hero.mdx",5979],cb345c93:[()=>Promise.all([n.e(532),n.e(7820)]).then(n.bind(n,1129)),"@site/blog/2023-06-10-introduction-to-api/index.mdx?truncated=true",1129],cbafb38b:[()=>n.e(3074).then(n.t.bind(n,8946,19)),"~blog/default/blog-tags-software-page-2-60d-list.json",8946],ccc49370:[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(6103)]).then(n.bind(n,5203)),"@theme/BlogPostPage",5203],cda22062:[()=>n.e(957).then(n.t.bind(n,3407,19)),"~blog/default/blog-tags-machine-learning-36b-list.json",3407],ce974d64:[()=>n.e(9274).then(n.t.bind(n,7373,19)),"~blog/default/blog-tags-css-153.json",7373],cf5983a7:[()=>n.e(2499).then(n.t.bind(n,5972,19)),"~blog/default/blog-tags-mind-benders-8e7.json",5972],d1c21ad3:[()=>n.e(1829).then(n.t.bind(n,9562,19)),"~blog/default/blog-tags-html-67d.json",9562],d2402109:[()=>Promise.all([n.e(532),n.e(2008)]).then(n.bind(n,3587)),"@site/docs/about-tcetopensource.mdx",3587],d530b40c:[()=>n.e(9571).then(n.t.bind(n,453,19)),"~blog/default/blog-tags-cncf-636.json",453],d74a0d55:[()=>Promise.all([n.e(532),n.e(6345)]).then(n.bind(n,5678)),"@site/docs/projects/tnp-website/frontend-components/training.mdx",5678],d7f54ba9:[()=>n.e(788).then(n.t.bind(n,4688,19)),"~blog/default/blog-tags-technology-3f7-list.json",4688],dccfcda8:[()=>n.e(378).then(n.bind(n,1869)),"@site/docs/projects/resume-screener-website/frontend-components/header.mdx",1869],dd5bc5cd:[()=>n.e(4640).then(n.t.bind(n,3631,19)),"~blog/default/blog-tags-linux-a80.json",3631],dff928e6:[()=>n.e(4951).then(n.t.bind(n,4049,19)),"~blog/default/blog-tags-gaming-b21.json",4049],e0eb994a:[()=>n.e(6274).then(n.t.bind(n,7424,19)),"~blog/default/blog-tags-data-48e-list.json",7424],e1b5da7f:[()=>n.e(2444).then(n.bind(n,1785)),"@site/docs/projects/fmc-website/mathematical-logic/table-row-updater.mdx",1785],e40d9651:[()=>n.e(4813).then(n.t.bind(n,885,19)),"~blog/default/blog-tags-editorial-8fd-list.json",885],e5ed126e:[()=>n.e(2284).then(n.bind(n,9949)),"@site/docs/projects/fmc-website/mathematical-logic/calculation.mdx",9949],e6bee1e8:[()=>n.e(7352).then(n.bind(n,4122)),"@site/docs/projects/docs-site/navbar/title-and-logo.md",4122],e6c44b2b:[()=>n.e(6149).then(n.t.bind(n,2277,19)),"~blog/default/blog-tags-cli-9c0.json",2277],e8564438:[()=>n.e(899).then(n.t.bind(n,4542,19)),"~blog/default/blog-tags-zero-to-merge-939.json",4542],e8674cfb:[()=>n.e(5205).then(n.bind(n,260)),"@site/docs/projects/fmc-website/mathematical-logic/page-interaction.mdx",260],e943ec5e:[()=>n.e(992).then(n.t.bind(n,3130,19)),"~blog/default/blog-tags-artificial-intelligence-d5b-list.json",3130],e9fb9b7c:[()=>n.e(9118).then(n.t.bind(n,5970,19)),"~blog/default/blog-tags-tmai-ee7.json",5970],ecb97aab:[()=>n.e(607).then(n.t.bind(n,4469,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-blog\\default\\plugin-route-context-module-100.json",4469],ed67adc0:[()=>n.e(8267).then(n.bind(n,6379)),"@site/docs/projects/tcet-linux-website/getting-started.mdx",6379],ee5821a3:[()=>n.e(7682).then(n.t.bind(n,5756,19)),"~docs/default/category-docs-docs-category-project-docs-98c.json",5756],ef5c2ce9:[()=>n.e(1733).then(n.bind(n,6225)),"@site/docs/projects/tnp-website/directory-structure.md",6225],f09c742d:[()=>n.e(8635).then(n.bind(n,4086)),"@site/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan.mdx",4086],f1fda3c7:[()=>n.e(8063).then(n.bind(n,9625)),"@site/docs/projects/tnp-website/frontend-components/about-us.mdx",9625],f21b70b1:[()=>n.e(4639).then(n.bind(n,491)),"@site/blog/2023-10-08-web-crawling/index.mdx?truncated=true",491],f2544e3f:[()=>n.e(1347).then(n.t.bind(n,6395,19)),"~blog/default/blog-tags-social-806.json",6395],f32fe326:[()=>n.e(8843).then(n.t.bind(n,4634,19)),"~blog/default/blog-tags-ai-3e5.json",4634],f3543915:[()=>n.e(3376).then(n.t.bind(n,7698,19)),"~blog/default/blog-tags-cloud-d01.json",7698],f3acecd9:[()=>n.e(1149).then(n.bind(n,3204)),"@site/docs/projects/tcet-linux/about-tcet-linux.md",3204],f4acf23e:[()=>n.e(8104).then(n.bind(n,2825)),"@site/docs/projects/fmc-website/getting-started.mdx",2825],f74d269b:[()=>n.e(4803).then(n.bind(n,5326)),"@site/docs/projects/tcet-linux-website/frontend-components/footer.mdx",5326],f7646656:[()=>n.e(342).then(n.t.bind(n,5192,19)),"~blog/default/blog-tags-open-204.json",5192],f7c79d71:[()=>n.e(5854).then(n.bind(n,2001)),"@site/blog/2023-10-1-cloudgaming/index.md",2001],f9492474:[()=>n.e(7491).then(n.bind(n,1197)),"@site/docs/projects/tnp-website/frontend-components/testimonials.mdx",1197],fa3e5dd5:[()=>n.e(4361).then(n.bind(n,9484)),"@site/docs/projects/tnp-website/about-tnp-website.mdx",9484],feea2548:[()=>n.e(7207).then(n.bind(n,2347)),"@site/docs/projects/docs-site/navbar/adding-items.md",2347]};function c(e){let{error:t,retry:n,pastDelay:o}=e;return t?r.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,String(t)),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):o?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(9670),d=n(226);function p(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(4972).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return r.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},r.createElement(n,t))}});const a=s[`${e}-${t}`],p={},f=[],m=[],g=(0,u.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const r=l[n];r&&(p[t]=r[0],f.push(r[1]),m.push(r[2]))})),i().Map({loading:c,loader:p,modules:f,webpack:()=>m,render(t,n){const i=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,r]=t;const o=r.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{o[e]=r[e]}));let a=i;const s=n.split(".");s.slice(0,-1).forEach((e=>{a=a[e]})),a[s[s.length-1]]=o}));const s=i.__comp;delete i.__comp;const l=i.__context;return delete i.__context,r.createElement(d.z,{value:l},r.createElement(s,(0,o.Z)({},i,n)))}})}const f=[{path:"/blog",component:p("/blog","16f"),exact:!0},{path:"/blog/archive",component:p("/blog/archive","fa2"),exact:!0},{path:"/blog/blog-posting-guidelines",component:p("/blog/blog-posting-guidelines","17a"),exact:!0},{path:"/blog/breaking-the-ice-open-source",component:p("/blog/breaking-the-ice-open-source","62f"),exact:!0},{path:"/blog/Cloud-gaming",component:p("/blog/Cloud-gaming","c80"),exact:!0},{path:"/blog/CNCF-Zero-to-Merge",component:p("/blog/CNCF-Zero-to-Merge","b70"),exact:!0},{path:"/blog/dive-into-web-design",component:p("/blog/dive-into-web-design","88b"),exact:!0},{path:"/blog/intro-to-artificial-intelligence",component:p("/blog/intro-to-artificial-intelligence","cbd"),exact:!0},{path:"/blog/intro-to-blockchain",component:p("/blog/intro-to-blockchain","4c6"),exact:!0},{path:"/blog/intro-to-cloud-computing",component:p("/blog/intro-to-cloud-computing","3d5"),exact:!0},{path:"/blog/intro-to-react-js",component:p("/blog/intro-to-react-js","2c2"),exact:!0},{path:"/blog/introduction-to-api",component:p("/blog/introduction-to-api","ce1"),exact:!0},{path:"/blog/linux-basics",component:p("/blog/linux-basics","58f"),exact:!0},{path:"/blog/page/2",component:p("/blog/page/2","da5"),exact:!0},{path:"/blog/page/3",component:p("/blog/page/3","216"),exact:!0},{path:"/blog/page/4",component:p("/blog/page/4","88d"),exact:!0},{path:"/blog/page/5",component:p("/blog/page/5","164"),exact:!0},{path:"/blog/page/6",component:p("/blog/page/6","9f2"),exact:!0},{path:"/blog/rotaract-club-of-tcet",component:p("/blog/rotaract-club-of-tcet","c11"),exact:!0},{path:"/blog/tags",component:p("/blog/tags","e04"),exact:!0},{path:"/blog/tags/ai",component:p("/blog/tags/ai","4f0"),exact:!0},{path:"/blog/tags/api",component:p("/blog/tags/api","b04"),exact:!0},{path:"/blog/tags/artificial-intelligence",component:p("/blog/tags/artificial-intelligence","799"),exact:!0},{path:"/blog/tags/authentication",component:p("/blog/tags/authentication","5b5"),exact:!0},{path:"/blog/tags/automation",component:p("/blog/tags/automation","747"),exact:!0},{path:"/blog/tags/blockchain",component:p("/blog/tags/blockchain","bd8"),exact:!0},{path:"/blog/tags/cli",component:p("/blog/tags/cli","b25"),exact:!0},{path:"/blog/tags/cloud",component:p("/blog/tags/cloud","555"),exact:!0},{path:"/blog/tags/cloud-computing",component:p("/blog/tags/cloud-computing","2ee"),exact:!0},{path:"/blog/tags/cncf",component:p("/blog/tags/cncf","dcc"),exact:!0},{path:"/blog/tags/community",component:p("/blog/tags/community","b27"),exact:!0},{path:"/blog/tags/css",component:p("/blog/tags/css","7e9"),exact:!0},{path:"/blog/tags/cultural",component:p("/blog/tags/cultural","858"),exact:!0},{path:"/blog/tags/cyberpunk",component:p("/blog/tags/cyberpunk","700"),exact:!0},{path:"/blog/tags/data",component:p("/blog/tags/data","bf5"),exact:!0},{path:"/blog/tags/data-extraction",component:p("/blog/tags/data-extraction","ada"),exact:!0},{path:"/blog/tags/data-science",component:p("/blog/tags/data-science","3ca"),exact:!0},{path:"/blog/tags/editorial",component:p("/blog/tags/editorial","0e8"),exact:!0},{path:"/blog/tags/free",component:p("/blog/tags/free","e3b"),exact:!0},{path:"/blog/tags/frontend",component:p("/blog/tags/frontend","654"),exact:!0},{path:"/blog/tags/gaming",component:p("/blog/tags/gaming","d0d"),exact:!0},{path:"/blog/tags/html",component:p("/blog/tags/html","775"),exact:!0},{path:"/blog/tags/integration",component:p("/blog/tags/integration","481"),exact:!0},{path:"/blog/tags/jsx",component:p("/blog/tags/jsx","cd7"),exact:!0},{path:"/blog/tags/linux",component:p("/blog/tags/linux","87f"),exact:!0},{path:"/blog/tags/machine-learning",component:p("/blog/tags/machine-learning","4c3"),exact:!0},{path:"/blog/tags/mental-model",component:p("/blog/tags/mental-model","dbb"),exact:!0},{path:"/blog/tags/mind-benders",component:p("/blog/tags/mind-benders","cbd"),exact:!0},{path:"/blog/tags/nvidia",component:p("/blog/tags/nvidia","4c1"),exact:!0},{path:"/blog/tags/open",component:p("/blog/tags/open","4fe"),exact:!0},{path:"/blog/tags/open-source",component:p("/blog/tags/open-source","bad"),exact:!0},{path:"/blog/tags/react-js",component:p("/blog/tags/react-js","6b1"),exact:!0},{path:"/blog/tags/resonsiveness",component:p("/blog/tags/resonsiveness","80b"),exact:!0},{path:"/blog/tags/social",component:p("/blog/tags/social","b72"),exact:!0},{path:"/blog/tags/software",component:p("/blog/tags/software","529"),exact:!0},{path:"/blog/tags/software/page/2",component:p("/blog/tags/software/page/2","186"),exact:!0},{path:"/blog/tags/source",component:p("/blog/tags/source","a5f"),exact:!0},{path:"/blog/tags/technology",component:p("/blog/tags/technology","0b4"),exact:!0},{path:"/blog/tags/terminal",component:p("/blog/tags/terminal","17b"),exact:!0},{path:"/blog/tags/tmai",component:p("/blog/tags/tmai","776"),exact:!0},{path:"/blog/tags/tui",component:p("/blog/tags/tui","490"),exact:!0},{path:"/blog/tags/virtaul-dom",component:p("/blog/tags/virtaul-dom","514"),exact:!0},{path:"/blog/tags/web-crawling",component:p("/blog/tags/web-crawling","8f6"),exact:!0},{path:"/blog/tags/web-design",component:p("/blog/tags/web-design","fde"),exact:!0},{path:"/blog/tags/zero-to-merge",component:p("/blog/tags/zero-to-merge","96a"),exact:!0},{path:"/blog/tmai-april-2023",component:p("/blog/tmai-april-2023","547"),exact:!0},{path:"/blog/tmai-june-2023",component:p("/blog/tmai-june-2023","5c6"),exact:!0},{path:"/blog/tmai-may-2023",component:p("/blog/tmai-may-2023","ac9"),exact:!0},{path:"/blog/web-crawling",component:p("/blog/web-crawling","c9b"),exact:!0},{path:"/search",component:p("/search","ef7"),exact:!0},{path:"/docs",component:p("/docs","0f7"),routes:[{path:"/docs/about-tcetopensource",component:p("/docs/about-tcetopensource","a55"),exact:!0,sidebar:"docs"},{path:"/docs/category/projects",component:p("/docs/category/projects","efe"),exact:!0,sidebar:"docs"},{path:"/docs/category/resources",component:p("/docs/category/resources","99b"),exact:!0,sidebar:"docs"},{path:"/docs/category/workflows",component:p("/docs/category/workflows","13b"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/about-docs",component:p("/docs/projects/docs-site/about-docs","e12"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/getting-started",component:p("/docs/projects/docs-site/getting-started","9cd"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/",component:p("/docs/projects/docs-site/navbar/","272"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/adding-items",component:p("/docs/projects/docs-site/navbar/adding-items","e26"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/adding-links",component:p("/docs/projects/docs-site/navbar/adding-links","179"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/search-bar",component:p("/docs/projects/docs-site/navbar/search-bar","ed6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/title-and-logo",component:p("/docs/projects/docs-site/navbar/title-and-logo","152"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/",component:p("/docs/projects/docs-site/sidebar/","83a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-categories",component:p("/docs/projects/docs-site/sidebar/adding-categories","74c"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-items",component:p("/docs/projects/docs-site/sidebar/adding-items","f3e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-links",component:p("/docs/projects/docs-site/sidebar/adding-links","c50"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/multiple-sidebars",component:p("/docs/projects/docs-site/sidebar/multiple-sidebars","db4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/about-fmc-website",component:p("/docs/projects/fmc-website/about-fmc-website","67b"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/button-instructions",component:p("/docs/projects/fmc-website/components/button-instructions","7db"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/cycle-result",component:p("/docs/projects/fmc-website/components/cycle-result","a12"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/defining-cycle",component:p("/docs/projects/fmc-website/components/defining-cycle","ea9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/displaying-cycle",component:p("/docs/projects/fmc-website/components/displaying-cycle","349"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/footer",component:p("/docs/projects/fmc-website/components/footer","78e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/header-help",component:p("/docs/projects/fmc-website/components/header-help","bd8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/tech-stacks",component:p("/docs/projects/fmc-website/components/tech-stacks","db4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/getting-started",component:p("/docs/projects/fmc-website/getting-started","ed1"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/average",component:p("/docs/projects/fmc-website/mathematical-logic/average","df3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/calculation",component:p("/docs/projects/fmc-website/mathematical-logic/calculation","5a4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/checker",component:p("/docs/projects/fmc-website/mathematical-logic/checker","c49"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/input-handler",component:p("/docs/projects/fmc-website/mathematical-logic/input-handler","f5d"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/page-interaction",component:p("/docs/projects/fmc-website/mathematical-logic/page-interaction","89e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/perform",component:p("/docs/projects/fmc-website/mathematical-logic/perform","a09"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/scripts",component:p("/docs/projects/fmc-website/mathematical-logic/scripts","eb6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-calculator",component:p("/docs/projects/fmc-website/mathematical-logic/table-calculator","5f8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-manager",component:p("/docs/projects/fmc-website/mathematical-logic/table-manager","268"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-row-updater",component:p("/docs/projects/fmc-website/mathematical-logic/table-row-updater","e50"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-transformation",component:p("/docs/projects/fmc-website/mathematical-logic/table-transformation","bac"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-updater",component:p("/docs/projects/fmc-website/mathematical-logic/table-updater","cd6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/about-resume-screener-website",component:p("/docs/projects/resume-screener-website/about-resume-screener-website","ce4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/about-us",component:p("/docs/projects/resume-screener-website/frontend-components/about-us","fb7"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/ats-resume-template",component:p("/docs/projects/resume-screener-website/frontend-components/ats-resume-template","21a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan",component:p("/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan","62d"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/card",component:p("/docs/projects/resume-screener-website/frontend-components/card","d83"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/footer",component:p("/docs/projects/resume-screener-website/frontend-components/footer","f34"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/guideline",component:p("/docs/projects/resume-screener-website/frontend-components/guideline","401"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/header",component:p("/docs/projects/resume-screener-website/frontend-components/header","8af"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/hero",component:p("/docs/projects/resume-screener-website/frontend-components/hero","070"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/tech-stacks",component:p("/docs/projects/resume-screener-website/frontend-components/tech-stacks","9bc"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/getting-started",component:p("/docs/projects/resume-screener-website/getting-started","8ad"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/about-tcet-linux-website",component:p("/docs/projects/tcet-linux-website/about-tcet-linux-website","fe7"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard",component:p("/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard","a69"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/download-section",component:p("/docs/projects/tcet-linux-website/frontend-components/download-section","0b2"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/footer",component:p("/docs/projects/tcet-linux-website/frontend-components/footer","ccc"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/hero",component:p("/docs/projects/tcet-linux-website/frontend-components/hero","dd3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/installation-steps",component:p("/docs/projects/tcet-linux-website/frontend-components/installation-steps","626"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/navbar",component:p("/docs/projects/tcet-linux-website/frontend-components/navbar","662"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/tech-stacks",component:p("/docs/projects/tcet-linux-website/frontend-components/tech-stacks","0b1"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/verify-downloads",component:p("/docs/projects/tcet-linux-website/frontend-components/verify-downloads","219"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/getting-started",component:p("/docs/projects/tcet-linux-website/getting-started","b88"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/about-tcet-linux",component:p("/docs/projects/tcet-linux/about-tcet-linux","833"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/getting-started",component:p("/docs/projects/tcet-linux/getting-started","cdb"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/",component:p("/docs/projects/tcet-linux/iso-profile/","a34"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/bootloaders",component:p("/docs/projects/tcet-linux/iso-profile/bootloaders","3e6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/rootfs",component:p("/docs/projects/tcet-linux/iso-profile/rootfs","fe8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/scripts",component:p("/docs/projects/tcet-linux/iso-profile/scripts","b9a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/about-tnp-website",component:p("/docs/projects/tnp-website/about-tnp-website","6d9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/directory-structure",component:p("/docs/projects/tnp-website/directory-structure","105"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/about-us",component:p("/docs/projects/tnp-website/frontend-components/about-us","e2a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/attendance-chart",component:p("/docs/projects/tnp-website/frontend-components/attendance-chart","2e9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/companies",component:p("/docs/projects/tnp-website/frontend-components/companies","466"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/components",component:p("/docs/projects/tnp-website/frontend-components/components","bd2"),exact:!0},{path:"/docs/projects/tnp-website/frontend-components/event-page",component:p("/docs/projects/tnp-website/frontend-components/event-page","3f4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/footer",component:p("/docs/projects/tnp-website/frontend-components/footer","736"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/header",component:p("/docs/projects/tnp-website/frontend-components/header","fe8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/hero",component:p("/docs/projects/tnp-website/frontend-components/hero","e9a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/industry-interaction",component:p("/docs/projects/tnp-website/frontend-components/industry-interaction","82e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/internships",component:p("/docs/projects/tnp-website/frontend-components/internships","d25"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/placed-students",component:p("/docs/projects/tnp-website/frontend-components/placed-students","ca3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/placement",component:p("/docs/projects/tnp-website/frontend-components/placement","1a4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/student-award",component:p("/docs/projects/tnp-website/frontend-components/student-award","e5f"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/tech-stacks",component:p("/docs/projects/tnp-website/frontend-components/tech-stacks","694"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/testimonials",component:p("/docs/projects/tnp-website/frontend-components/testimonials","e7c"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/top-placed-students",component:p("/docs/projects/tnp-website/frontend-components/top-placed-students","8b5"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/top-recruiters",component:p("/docs/projects/tnp-website/frontend-components/top-recruiters","58f"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/training",component:p("/docs/projects/tnp-website/frontend-components/training","659"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/getting-started",component:p("/docs/projects/tnp-website/getting-started","000"),exact:!0,sidebar:"docs"},{path:"/docs/resources/workflows/external-workflow/",component:p("/docs/resources/workflows/external-workflow/","3be"),exact:!0,sidebar:"docs"},{path:"/docs/resources/workflows/internal-workflow/",component:p("/docs/resources/workflows/internal-workflow/","937"),exact:!0,sidebar:"docs"}]},{path:"/",component:p("/","4a7"),exact:!0},{path:"*",component:p("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>a});var r=n(7294);const o=r.createContext(!1);function a(e){let{children:t}=e;const[n,a]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{a(!0)}),[]),r.createElement(o.Provider,{value:n},t)}},7221:(e,t,n)=>{"use strict";var r=n(7294),o=n(3935),a=n(3727),i=n(405),s=n(412);const l=[n(2497),n(3310),n(8320),n(2295)];var c=n(723),u=n(6550),d=n(8790);function p(e){let{children:t}=e;return r.createElement(r.Fragment,null,t)}var f=n(7462),m=n(5742),g=n(2263),b=n(4996),h=n(6668),v=n(833),w=n(4711),y=n(9727),k=n(3320),x=n(8780),E=n(197);function S(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,w.l)();return r.createElement(m.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:o}]=e;return r.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:o})})),r.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:r}=(0,u.TH)();return e+(0,x.applyTrailingSlash)((0,b.Z)(r),{trailingSlash:n,baseUrl:t})}(),a=t?`${n}${t}`:o;return r.createElement(m.Z,null,r.createElement("meta",{property:"og:url",content:a}),r.createElement("link",{rel:"canonical",href:a}))}function C(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,h.L)();return r.createElement(r.Fragment,null,r.createElement(m.Z,null,r.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),r.createElement("body",{className:y.h})),n&&r.createElement(v.d,{image:n}),r.createElement(_,null),r.createElement(S,null),r.createElement(E.Z,{tag:k.HX,locale:e}),r.createElement(m.Z,null,t.map(((e,t)=>r.createElement("meta",(0,f.Z)({key:t},e))))))}const j=new Map;function T(e){if(j.has(e.pathname))return{...e,pathname:j.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return j.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return j.set(e.pathname,t),{...e,pathname:t}}var A=n(8934),L=n(8940);function R(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=l.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const P=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,r.useLayoutEffect)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),R("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{constructor(e){super(e),this.previousLocation=void 0,this.routeUpdateCleanupCb=void 0,this.previousLocation=null,this.routeUpdateCleanupCb=s.Z.canUseDOM?R("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=R("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return r.createElement(P,{previousLocation:this.previousLocation,location:t},r.createElement(u.AW,{location:t,render:()=>e}))}}const I=O,M="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function z(e){return`\nwindow['${F}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${F}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${M}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${D}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n bannerContainer.innerHTML = bannerHtml;\n var suggestionContainer = document.getElementById('${B}');\n var actualHomePagePath = window.location.pathname;\n var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n ? actualHomePagePath\n : actualHomePagePath + '/';\n suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.Z)();return(0,r.useLayoutEffect)((()=>{window[F]=!1}),[]),r.createElement(r.Fragment,null,!s.Z.canUseDOM&&r.createElement(m.Z,null,r.createElement("script",null,z(e))),r.createElement("div",{id:M}))}function $(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?r.createElement(U,null):null}function q(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:o,localeConfigs:a}}=(0,g.Z)(),i=(0,b.Z)(e),{htmlLang:s,direction:l}=a[o];return r.createElement(m.Z,null,r.createElement("html",{lang:s,dir:l}),r.createElement("title",null,t),r.createElement("meta",{property:"og:title",content:t}),r.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&r.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&r.createElement("link",{rel:"icon",href:i}))}var H=n(4763),Z=n(2389);function G(){const e=(0,Z.Z)();return r.createElement(m.Z,null,r.createElement("html",{"data-has-hydrated":e}))}function V(){const e=(0,d.H)(c.Z),t=(0,u.TH)();return r.createElement(H.Z,null,r.createElement(L.M,null,r.createElement(A.t,null,r.createElement(p,null,r.createElement(q,null),r.createElement(C,null),r.createElement($,null),r.createElement(I,{location:T(t)},e)),r.createElement(G,null))))}var W=n(6887);const K=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var Y=n(9670);const Q=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!Q.has(e))(e))return!1;Q.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(W).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),N(e))},te=Object.freeze(ee);if(s.Z.canUseDOM){window.docusaurus=te;const e=o.hydrate;N(window.location.pathname).then((()=>{e(r.createElement(i.B6,null,r.createElement(a.VK,null,r.createElement(V,null))),document.getElementById("__docusaurus"))}))}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>d});var r=n(7294),o=n(6809);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/docs","mainDocId":"about-tcetopensource","docs":[{"id":"about-tcetopensource","path":"/docs/about-tcetopensource","sidebar":"docs"},{"id":"projects/docs-site/about-docs","path":"/docs/projects/docs-site/about-docs","sidebar":"docs"},{"id":"projects/docs-site/getting-started","path":"/docs/projects/docs-site/getting-started","sidebar":"docs"},{"id":"projects/docs-site/navbar/adding-items","path":"/docs/projects/docs-site/navbar/adding-items","sidebar":"docs"},{"id":"projects/docs-site/navbar/adding-links","path":"/docs/projects/docs-site/navbar/adding-links","sidebar":"docs"},{"id":"projects/docs-site/navbar/navbar","path":"/docs/projects/docs-site/navbar/","sidebar":"docs"},{"id":"projects/docs-site/navbar/search-bar","path":"/docs/projects/docs-site/navbar/search-bar","sidebar":"docs"},{"id":"projects/docs-site/navbar/title-and-logo","path":"/docs/projects/docs-site/navbar/title-and-logo","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-categories","path":"/docs/projects/docs-site/sidebar/adding-categories","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-items","path":"/docs/projects/docs-site/sidebar/adding-items","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-links","path":"/docs/projects/docs-site/sidebar/adding-links","sidebar":"docs"},{"id":"projects/docs-site/sidebar/multiple-sidebars","path":"/docs/projects/docs-site/sidebar/multiple-sidebars","sidebar":"docs"},{"id":"projects/docs-site/sidebar/sidebar","path":"/docs/projects/docs-site/sidebar/","sidebar":"docs"},{"id":"projects/fmc-website/about-fmc-website","path":"/docs/projects/fmc-website/about-fmc-website","sidebar":"docs"},{"id":"projects/fmc-website/components/button-instructions","path":"/docs/projects/fmc-website/components/button-instructions","sidebar":"docs"},{"id":"projects/fmc-website/components/cycle-result","path":"/docs/projects/fmc-website/components/cycle-result","sidebar":"docs"},{"id":"projects/fmc-website/components/defining-cycle","path":"/docs/projects/fmc-website/components/defining-cycle","sidebar":"docs"},{"id":"projects/fmc-website/components/displaying-cycle","path":"/docs/projects/fmc-website/components/displaying-cycle","sidebar":"docs"},{"id":"projects/fmc-website/components/footer","path":"/docs/projects/fmc-website/components/footer","sidebar":"docs"},{"id":"projects/fmc-website/components/header-help","path":"/docs/projects/fmc-website/components/header-help","sidebar":"docs"},{"id":"projects/fmc-website/components/tech-stacks","path":"/docs/projects/fmc-website/components/tech-stacks","sidebar":"docs"},{"id":"projects/fmc-website/getting-started","path":"/docs/projects/fmc-website/getting-started","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/average","path":"/docs/projects/fmc-website/mathematical-logic/average","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/calculation","path":"/docs/projects/fmc-website/mathematical-logic/calculation","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/checker","path":"/docs/projects/fmc-website/mathematical-logic/checker","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/input-handler","path":"/docs/projects/fmc-website/mathematical-logic/input-handler","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/page-interaction","path":"/docs/projects/fmc-website/mathematical-logic/page-interaction","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/perform","path":"/docs/projects/fmc-website/mathematical-logic/perform","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/scripts","path":"/docs/projects/fmc-website/mathematical-logic/scripts","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-calculator","path":"/docs/projects/fmc-website/mathematical-logic/table-calculator","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-manager","path":"/docs/projects/fmc-website/mathematical-logic/table-manager","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-row-updater","path":"/docs/projects/fmc-website/mathematical-logic/table-row-updater","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-transformation","path":"/docs/projects/fmc-website/mathematical-logic/table-transformation","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-updater","path":"/docs/projects/fmc-website/mathematical-logic/table-updater","sidebar":"docs"},{"id":"projects/resume-screener-website/about-resume-screener-website","path":"/docs/projects/resume-screener-website/about-resume-screener-website","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/about-us","path":"/docs/projects/resume-screener-website/frontend-components/about-us","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/ats-resume-template","path":"/docs/projects/resume-screener-website/frontend-components/ats-resume-template","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/ats-resume-test-scan","path":"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/card","path":"/docs/projects/resume-screener-website/frontend-components/card","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/footer","path":"/docs/projects/resume-screener-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/guideline","path":"/docs/projects/resume-screener-website/frontend-components/guideline","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/header","path":"/docs/projects/resume-screener-website/frontend-components/header","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/hero","path":"/docs/projects/resume-screener-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/tech-stacks","path":"/docs/projects/resume-screener-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/resume-screener-website/getting-started","path":"/docs/projects/resume-screener-website/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux-website/about-tcet-linux-website","path":"/docs/projects/tcet-linux-website/about-tcet-linux-website","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/copy-to-clipboard","path":"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/download-section","path":"/docs/projects/tcet-linux-website/frontend-components/download-section","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/footer","path":"/docs/projects/tcet-linux-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/hero","path":"/docs/projects/tcet-linux-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/installation-steps","path":"/docs/projects/tcet-linux-website/frontend-components/installation-steps","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/navbar","path":"/docs/projects/tcet-linux-website/frontend-components/navbar","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/tech-stacks","path":"/docs/projects/tcet-linux-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/verify-downloads","path":"/docs/projects/tcet-linux-website/frontend-components/verify-downloads","sidebar":"docs"},{"id":"projects/tcet-linux-website/getting-started","path":"/docs/projects/tcet-linux-website/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux/about-tcet-linux","path":"/docs/projects/tcet-linux/about-tcet-linux","sidebar":"docs"},{"id":"projects/tcet-linux/getting-started","path":"/docs/projects/tcet-linux/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/bootloaders","path":"/docs/projects/tcet-linux/iso-profile/bootloaders","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/iso-profile","path":"/docs/projects/tcet-linux/iso-profile/","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/rootfs","path":"/docs/projects/tcet-linux/iso-profile/rootfs","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/scripts","path":"/docs/projects/tcet-linux/iso-profile/scripts","sidebar":"docs"},{"id":"projects/tnp-website/about-tnp-website","path":"/docs/projects/tnp-website/about-tnp-website","sidebar":"docs"},{"id":"projects/tnp-website/directory-structure","path":"/docs/projects/tnp-website/directory-structure","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/about-us","path":"/docs/projects/tnp-website/frontend-components/about-us","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/attendance-chart","path":"/docs/projects/tnp-website/frontend-components/attendance-chart","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/companies","path":"/docs/projects/tnp-website/frontend-components/companies","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/components","path":"/docs/projects/tnp-website/frontend-components/components"},{"id":"projects/tnp-website/frontend-components/event-page","path":"/docs/projects/tnp-website/frontend-components/event-page","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/footer","path":"/docs/projects/tnp-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/header","path":"/docs/projects/tnp-website/frontend-components/header","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/hero","path":"/docs/projects/tnp-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/industry-interaction","path":"/docs/projects/tnp-website/frontend-components/industry-interaction","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/internships","path":"/docs/projects/tnp-website/frontend-components/internships","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/placed-students","path":"/docs/projects/tnp-website/frontend-components/placed-students","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/placement","path":"/docs/projects/tnp-website/frontend-components/placement","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/student-award","path":"/docs/projects/tnp-website/frontend-components/student-award","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/tech-stacks","path":"/docs/projects/tnp-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/testimonials","path":"/docs/projects/tnp-website/frontend-components/testimonials","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/top-placed-students","path":"/docs/projects/tnp-website/frontend-components/top-placed-students","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/top-recruiters","path":"/docs/projects/tnp-website/frontend-components/top-recruiters","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/training","path":"/docs/projects/tnp-website/frontend-components/training","sidebar":"docs"},{"id":"projects/tnp-website/getting-started","path":"/docs/projects/tnp-website/getting-started","sidebar":"docs"},{"id":"resources/workflows/external-workflow/external-workflow","path":"/docs/resources/workflows/external-workflow/","sidebar":"docs"},{"id":"resources/workflows/internal-workflow/internal-workflow","path":"/docs/resources/workflows/internal-workflow/","sidebar":"docs"},{"id":"/category/projects","path":"/docs/category/projects","sidebar":"docs"},{"id":"/category/resources","path":"/docs/category/resources","sidebar":"docs"},{"id":"/category/workflows","path":"/docs/category/workflows","sidebar":"docs"}],"draftIds":[],"sidebars":{"docs":{"link":{"path":"/docs/about-tcetopensource","label":"about-tcetopensource"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(7529);const l=JSON.parse('{"docusaurusVersion":"2.4.3","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.3"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.3"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.3"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.3"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.3"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"2.4.3"},"docusaurus-tailwindcss":{"type":"local"}}}'),c={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},u=r.createContext(c);function d(e){let{children:t}=e;return r.createElement(u.Provider,{value:c},t)}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(7294),o=n(412),a=n(5742),i=n(8780),s=n(7452);function l(e){let{error:t,tryAgain:n}=e;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},r.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),r.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),r.createElement(c,{error:t}))}function c(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function u(e){let{error:t,tryAgain:n}=e;return r.createElement(p,{fallback:()=>r.createElement(l,{error:t,tryAgain:n})},r.createElement(a.Z,null,r.createElement("title",null,"Page Error")),r.createElement(s.Z,null,r.createElement(l,{error:t,tryAgain:n})))}const d=e=>r.createElement(u,e);class p extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(405);function a(e){return r.createElement(o.ql,e)}},9960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7462),o=n(7294),a=n(3727),i=n(8780),s=n(2263),l=n(3919),c=n(412);const u=o.createContext({collectLink:()=>{}});var d=n(4996);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":b,autoAddBaseUrl:h=!0,...v}=e;const{siteConfig:{trailingSlash:w,baseUrl:y}}=(0,s.Z)(),{withBaseUrl:k}=(0,d.C)(),x=(0,o.useContext)(u),E=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>E.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let j=void 0!==C?(T=C,h&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;j&&_&&(j=(0,i.applyTrailingSlash)(j,{trailingSlash:w,baseUrl:y}));const A=(0,o.useRef)(!1),L=n?a.OL:a.rU,R=c.Z.canUseIntersectionObserver,P=(0,o.useRef)(),N=()=>{A.current||null==j||(window.docusaurus.preload(j),A.current=!0)};(0,o.useEffect)((()=>(!R&&_&&null!=j&&window.docusaurus.prefetch(j),()=>{R&&P.current&&P.current.disconnect()})),[P,j,R,_]);const O=j?.startsWith("#")??!1,I=!j||!_||O;return I||b||x.collectLink(j),I?o.createElement("a",(0,r.Z)({ref:E,href:j},S&&!_&&{target:"_blank",rel:"noopener noreferrer"},v)):o.createElement(L,(0,r.Z)({},v,{onMouseEnter:N,onTouchStart:N,innerRef:e=>{E.current=e,R&&e&&_&&(P.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(P.current.unobserve(e),P.current.disconnect(),null!=j&&window.docusaurus.prefetch(j))}))})),P.current.observe(e))},to:j},n&&{isActive:g,activeClassName:m}))}const f=o.forwardRef(p)},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l,I:()=>s});var r=n(7294);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var a=n(7529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return a[t??n]??n??t}function s(e,t){let{message:n,id:r}=e;return o(i({message:n,id:r}),t)}function l(e){let{children:t,id:n,values:a}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const s=i({message:t,id:n});return r.createElement(r.Fragment,null,o(s,a))}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},3919:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>o,b:()=>r})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>s});var r=n(7294),o=n(2263),a=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,a.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8940);function a(){return(0,r.useContext)(o._)}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8934);function a(){return(0,r.useContext)(o._)}},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>a});var r=n(7294);const o=r.createContext(null);function a(e){let{children:t,value:n}=e;const a=r.useContext(o),i=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:a,value:n})),[a,n]);return r.createElement(o.Provider,{value:i},t)}},143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>h,gA:()=>f,WS:()=>m,_r:()=>d,Jo:()=>v,zh:()=>p,yW:()=>b,gB:()=>g});var r=n(6550),o=n(2263),a=n(9935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){const n=s(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>function(e,t,n){void 0===t&&(t=a.m),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.TH)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.TH)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function g(e){return p(e).versions}function b(e){const t=p(e);return s(t)}function h(e){const t=p(e),{pathname:n}=(0,r.TH)();return c(t,n)}function v(e){const t=p(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(4865),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var r=n(7410),o=n(6809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{n(6726)(`./prism-${e}`)})),delete globalThis.Prism}(r.Z)},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294);const o={iconExternalLink:"iconExternalLink_nPIU"};function a(e){let{width:t=13.5,height:n=13.5}=e;return r.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},7452:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Lt});var r=n(7294),o=n(6010),a=n(4763),i=n(833),s=n(7462),l=n(6550),c=n(5999),u=n(5936);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,l.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,u.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,c.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??m,{containerRef:n,onClick:o}=f();return r.createElement("div",{ref:n,role:"region","aria-label":m},r.createElement("a",(0,s.Z)({},e,{href:`#${d}`,onClick:o}),t))}var b=n(5281),h=n(9727);const v={skipToContent:"skipToContent_fXgn"};function w(){return r.createElement(g,{className:v.skipToContent})}var y=n(6668),k=n(9689);function x(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:a=1.2,className:i,...l}=e;return r.createElement("svg",(0,s.Z)({viewBox:"0 0 15 15",width:t,height:n},l),r.createElement("g",{stroke:o,strokeWidth:a},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const E={closeButton:"closeButton_CVFx"};function S(e){return r.createElement("button",(0,s.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,o.Z)("clean-btn close",E.closeButton,e.className)}),r.createElement(x,{width:14,height:14,strokeWidth:3.1}))}const _={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,y.L)(),{content:n}=t;return r.createElement("div",(0,s.Z)({},e,{className:(0,o.Z)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const j={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,y.L)(),{isActive:t,close:n}=(0,k.nT)();if(!t)return null;const{backgroundColor:o,textColor:a,isCloseable:i}=e;return r.createElement("div",{className:j.announcementBar,style:{backgroundColor:o,color:a},role:"banner"},i&&r.createElement("div",{className:j.announcementBarPlaceholder}),r.createElement(C,{className:j.announcementBarContent}),i&&r.createElement(S,{onClick:n,className:j.announcementBarClose}))}var A=n(3163),L=n(2466);var R=n(902),P=n(3102);const N=r.createContext(null);function O(e){let{children:t}=e;const n=function(){const e=(0,A.e)(),t=(0,P.HY)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,R.D9)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return r.createElement(N.Provider,{value:n},t)}function I(e){if(e.component){const t=e.component;return r.createElement(t,e.props)}}function M(){const e=(0,r.useContext)(N);if(!e)throw new R.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,P.HY)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:I(a)})),[o,a,t])}function D(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:i}=M();return r.createElement("div",{className:"navbar-sidebar"},t,r.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},r.createElement("div",{className:"navbar-sidebar__item menu"},n),r.createElement("div",{className:"navbar-sidebar__item menu"},a)))}var B=n(2949),F=n(2389);function z(e){return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function U(e){return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const $={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function q(e){let{className:t,buttonClassName:n,value:a,onChange:i}=e;const s=(0,F.Z)(),l=(0,c.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return r.createElement("div",{className:(0,o.Z)($.toggle,t)},r.createElement("button",{className:(0,o.Z)("clean-btn",$.toggleButton,!s&&$.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===a?"light":"dark"),disabled:!s,title:l,"aria-label":l,"aria-live":"polite"},r.createElement(z,{className:(0,o.Z)($.toggleIcon,$.lightToggleIcon)}),r.createElement(U,{className:(0,o.Z)($.toggleIcon,$.darkToggleIcon)})))}const H=r.memo(q),Z={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function G(e){let{className:t}=e;const n=(0,y.L)().navbar.style,o=(0,y.L)().colorMode.disableSwitch,{colorMode:a,setColorMode:i}=(0,B.I)();return o?null:r.createElement(H,{className:t,buttonClassName:"dark"===n?Z.darkNavbarColorModeToggle:void 0,value:a,onChange:i})}var V=n(1327);function W(){return r.createElement(V.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,A.e)();return r.createElement("button",{type:"button","aria-label":(0,c.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},r.createElement(x,{color:"var(--ifm-color-emphasis-600)"}))}function Y(){return r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(W,null),r.createElement(G,{className:"margin-right--md"}),r.createElement(K,null))}var Q=n(9960),X=n(4996),J=n(3919),ee=n(8022),te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:a,label:i,html:l,isDropdownLink:c,prependBaseUrlToHref:u,...d}=e;const p=(0,X.Z)(o),f=(0,X.Z)(t),m=(0,X.Z)(a,{forcePrependBaseUrl:!0}),g=i&&a&&!(0,J.Z)(a),b=l?{dangerouslySetInnerHTML:{__html:l}}:{children:r.createElement(r.Fragment,null,i,g&&r.createElement(te.Z,c&&{width:12,height:12}))};return a?r.createElement(Q.Z,(0,s.Z)({href:u?m:a},d,b)):r.createElement(Q.Z,(0,s.Z)({to:p,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?(0,ee.F)(n,t.pathname):t.pathname.startsWith(f)},d,b))}function re(e){let{className:t,isDropdownItem:n=!1,...a}=e;const i=r.createElement(ne,(0,s.Z)({className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},a));return n?r.createElement("li",null,i):i}function oe(e){let{className:t,isDropdownItem:n,...a}=e;return r.createElement("li",{className:"menu__list-item"},r.createElement(ne,(0,s.Z)({className:(0,o.Z)("menu__link",t)},a)))}function ae(e){let{mobile:t=!1,position:n,...o}=e;const a=t?oe:re;return r.createElement(a,(0,s.Z)({},o,{activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(6043),se=n(8596),le=n(2263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,se.Mg)(e.to,t)||!!(0,ee.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:a,onClick:i,...l}=e;const c=(0,r.useRef)(null),[u,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[c]),r.createElement("div",{ref:c,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},r.createElement(ne,(0,s.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:l.to?void 0:"#",className:(0,o.Z)("navbar__link",a)},l,{onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!u))}}),l.children??l.label),r.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>r.createElement(qe,(0,s.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:a,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,le.Z)(),{pathname:t}=(0,l.TH)();return t.replace(e,"/")}(),d=ce(t,u),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[u,d,m]),r.createElement("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":p})},r.createElement(ne,(0,s.Z)({role:"button",className:(0,o.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),f()}}),c.children??c.label),r.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p},t.map(((e,t)=>r.createElement(qe,(0,s.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function pe(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return r.createElement(o,n)}var fe=n(4711);function me(e){let{width:t=20,height:n=20,...o}=e;return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},o),r.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_nlXk";function be(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var he=n(830),ve=["translations"];function we(){return we=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},we.apply(this,arguments)}function ye(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ke(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function xe(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Ee="Ctrl";var Se=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=xe(e,ve),i=o.buttonText,s=void 0===i?"Search":i,l=o.buttonAriaLabel,c=void 0===l?"Search":l,u=ye((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Ee))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(he.W,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Ee?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),_e=n(5742),Ce=n(6177),je=n(239),Te=n(3320);var Ae=n(3935);const Le={button:{buttonText:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,c.I)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,c.I)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,c.I)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,c.I)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,c.I)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,c.I)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,c.I)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,c.I)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Re=null;function Pe(e){let{hit:t,children:n}=e;return r.createElement(Q.Z,{to:t.url},n)}function Ne(e){let{state:t,onClose:n}=e;const o=(0,Ce.M)();return r.createElement(Q.Z,{to:o(t.query),onClick:n},r.createElement(c.Z,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits}},"See all {count} results"))}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.Z)(),c=(0,je.l)(),u=function(){const{locale:e,tags:t}=(0,Te._q)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(u,d):d,f={...a.searchParameters,facetFilters:p},m=(0,l.k6)(),g=(0,r.useRef)(null),b=(0,r.useRef)(null),[h,v]=(0,r.useState)(!1),[w,y]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>Re?Promise.resolve():Promise.all([n.e(1426).then(n.bind(n,6672)),Promise.all([n.e(532),n.e(6945)]).then(n.bind(n,6945)),Promise.all([n.e(532),n.e(8894)]).then(n.bind(n,8894))]).then((e=>{let[{DocSearchModal:t}]=e;Re=t}))),[]),x=(0,r.useCallback)((()=>{k().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),v(!0)}))}),[k,v]),E=(0,r.useCallback)((()=>{v(!1),g.current?.remove()}),[v]),S=(0,r.useCallback)((e=>{k().then((()=>{v(!0),y(e.key)}))}),[k,v,y]),_=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.F)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:c(e.url)}))))).current,j=(0,r.useMemo)((()=>e=>r.createElement(Ne,(0,s.Z)({},e,{onClose:E}))),[E]),T=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}({isOpen:h,onOpen:x,onClose:E,onInput:S,searchButtonRef:b}),r.createElement(r.Fragment,null,r.createElement(_e.Z,null,r.createElement("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})),r.createElement(Se,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:b,translations:Le.button}),h&&Re&&g.current&&(0,Ae.createPortal)(r.createElement(Re,(0,s.Z)({onClose:E,initialScrollY:window.scrollY,initialQuery:w,navigator:_,transformItems:C,hitComponent:Pe,transformSearchClient:T},a.searchPagePath&&{resultsFooterComponent:j},a,{searchParameters:f,placeholder:Le.placeholder,translations:Le.modal})),g.current))}function Ie(){const{siteConfig:e}=(0,le.Z)();return r.createElement(Oe,e.themeConfig.algolia)}const Me={searchBox:"searchBox_ZlJk"};function De(e){let{children:t,className:n}=e;return r.createElement("div",{className:(0,o.Z)(n,Me.searchBox)},t)}var Be=n(143),Fe=n(3438);var ze=n(373);const Ue=e=>e.docs.find((t=>t.id===e.mainDocId));const $e={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...a}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:d}}=(0,le.Z)(),p=(0,fe.l)(),{search:f,hash:m}=(0,l.TH)(),g=[...n,...u.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],b=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return r.createElement(pe,(0,s.Z)({},a,{mobile:t,label:r.createElement(r.Fragment,null,r.createElement(me,{className:ge}),b),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:r.createElement(De,{className:n},r.createElement(Ie,null))},dropdown:pe,html:function(e){let{value:t,className:n,mobile:a=!1,isDropdownItem:i=!1}=e;const s=i?"li":"div";return r.createElement(s,{className:(0,o.Z)({navbar__item:!a&&!i,"menu__list-item":a},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...a}=e;const{activeDoc:i}=(0,Be.Iw)(o),l=(0,Fe.vY)(t,o);return null===l?null:r.createElement(ae,(0,s.Z)({exact:!0},a,{isActive:()=>i?.path===l.path||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...a}=e;const{activeDoc:i}=(0,Be.Iw)(o),l=(0,Fe.oz)(t,o).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return r.createElement(ae,(0,s.Z)({exact:!0},a,{isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...a}=e;const i=(0,Fe.lO)(o)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return r.createElement(ae,(0,s.Z)({},a,{label:l,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:a,dropdownItemsAfter:i,...u}=e;const{search:d,hash:p}=(0,l.TH)(),f=(0,Be.Iw)(n),m=(0,Be.gB)(n),{savePreferredVersionName:g}=(0,ze.J)(n),b=[...a,...m.map((e=>{const t=f.alternateDocVersions[e.name]??Ue(e);return{label:e.label,to:`${t.path}${d}${p}`,isActive:()=>e===f.activeVersion,onClick:()=>g(e.name)}})),...i],h=(0,Fe.lO)(n)[0],v=t&&b.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,w=t&&b.length>1?void 0:Ue(h).path;return b.length<=1?r.createElement(ae,(0,s.Z)({},u,{mobile:t,label:v,to:w,isActive:o?()=>!1:void 0})):r.createElement(pe,(0,s.Z)({},u,{mobile:t,label:v,to:w,items:b,isActive:o?()=>!1:void 0}))}};function qe(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),a=$e[o];if(!a)throw new Error(`No NavbarItem component found for type "${t}".`);return r.createElement(a,n)}function He(){const e=(0,A.e)(),t=(0,y.L)().navbar.items;return r.createElement("ul",{className:"menu__list"},t.map(((t,n)=>r.createElement(qe,(0,s.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function Ze(e){return r.createElement("button",(0,s.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),r.createElement(c.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function Ge(){const e=0===(0,y.L)().navbar.items.length,t=M();return r.createElement(r.Fragment,null,!e&&r.createElement(Ze,{onClick:()=>t.hide()}),t.content)}function Ve(){const e=(0,A.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?r.createElement(D,{header:r.createElement(Y,null),primaryMenu:r.createElement(He,null),secondaryMenu:r.createElement(Ge,null)}):null}const We={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return r.createElement("div",(0,s.Z)({role:"presentation"},e,{className:(0,o.Z)("navbar-sidebar__backdrop",e.className)}))}function Ye(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,y.L)(),i=(0,A.e)(),{navbarRef:s,isNavbarVisible:l}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,u.S)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return r.createElement("nav",{ref:s,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[We.navbarHideable,!l&&We.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown})},t,r.createElement(Ke,{onClick:i.toggle}),r.createElement(Ve,null))}var Qe=n(8780);const Xe={errorBoundaryError:"errorBoundaryError_a6uf"};function Je(e){return r.createElement("button",(0,s.Z)({type:"button"},e),r.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function et(e){let{error:t}=e;const n=(0,Qe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{className:Xe.errorBoundaryError},n)}class tt extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const nt="right";function rt(e){let{width:t=30,height:n=30,className:o,...a}=e;return r.createElement("svg",(0,s.Z)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},a),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function ot(){const{toggle:e,shown:t}=(0,A.e)();return r.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},r.createElement(rt,null))}const at={colorModeToggle:"colorModeToggle_DEke"};function it(e){let{items:t}=e;return r.createElement(r.Fragment,null,t.map(((e,t)=>r.createElement(tt,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},r.createElement(qe,e)))))}function st(e){let{left:t,right:n}=e;return r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},t),r.createElement("div",{className:"navbar__items navbar__items--right"},n))}function lt(){const e=(0,A.e)(),t=(0,y.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??nt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),a=t.find((e=>"search"===e.type));return r.createElement(st,{left:r.createElement(r.Fragment,null,!e.disabled&&r.createElement(ot,null),r.createElement(W,null),r.createElement(it,{items:n})),right:r.createElement(r.Fragment,null,r.createElement(it,{items:o}),r.createElement(G,{className:at.colorModeToggle}),!a&&r.createElement(De,null,r.createElement(Ie,null)))})}function ct(){return r.createElement(Ye,null,r.createElement(lt,null))}function ut(e){let{item:t}=e;const{to:n,href:o,label:a,prependBaseUrlToHref:i,...l}=t,c=(0,X.Z)(n),u=(0,X.Z)(o,{forcePrependBaseUrl:!0});return r.createElement(Q.Z,(0,s.Z)({className:"footer__link-item"},o?{href:i?u:o}:{to:c},l),a,o&&!(0,J.Z)(o)&&r.createElement(te.Z,null))}function dt(e){let{item:t}=e;return t.html?r.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement("li",{key:t.href??t.to,className:"footer__item"},r.createElement(ut,{item:t}))}function pt(e){let{column:t}=e;return r.createElement("div",{className:"col footer__col"},r.createElement("div",{className:"footer__title"},t.title),r.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>r.createElement(dt,{key:t,item:e})))))}function ft(e){let{columns:t}=e;return r.createElement("div",{className:"row footer__links"},t.map(((e,t)=>r.createElement(pt,{key:t,column:e}))))}function mt(){return r.createElement("span",{className:"footer__link-separator"},"\xb7")}function gt(e){let{item:t}=e;return t.html?r.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement(ut,{item:t})}function bt(e){let{links:t}=e;return r.createElement("div",{className:"footer__links text--center"},r.createElement("div",{className:"footer__links"},t.map(((e,n)=>r.createElement(r.Fragment,{key:n},r.createElement(gt,{item:e}),t.length!==n+1&&r.createElement(mt,null))))))}function ht(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?r.createElement(ft,{columns:t}):r.createElement(bt,{links:t})}var vt=n(941);const wt={footerLogoLink:"footerLogoLink_BH7S"};function yt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return r.createElement(vt.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function kt(e){let{logo:t}=e;return t.href?r.createElement(Q.Z,{href:t.href,className:wt.footerLogoLink,target:t.target},r.createElement(yt,{logo:t})):r.createElement(yt,{logo:t})}function xt(e){let{copyright:t}=e;return r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Et(e){let{style:t,links:n,logo:a,copyright:i}=e;return r.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t})},r.createElement("div",{className:"container container-fluid"},n,(a||i)&&r.createElement("div",{className:"footer__bottom text--center"},a&&r.createElement("div",{className:"margin-bottom--sm"},a),i)))}function St(){const{footer:e}=(0,y.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:a}=e;return r.createElement(Et,{style:a,links:n&&n.length>0&&r.createElement(ht,{links:n}),logo:o&&r.createElement(kt,{logo:o}),copyright:t&&r.createElement(xt,{copyright:t})})}const _t=r.memo(St),Ct=(0,R.Qc)([B.S,k.pl,L.OC,ze.L5,i.VC,function(e){let{children:t}=e;return r.createElement(P.n2,null,r.createElement(A.M,null,r.createElement(O,null,t)))}]);function jt(e){let{children:t}=e;return r.createElement(Ct,null,t)}function Tt(e){let{error:t,tryAgain:n}=e;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("div",{className:"margin-vert--lg"},r.createElement(Je,{onClick:n,className:"button button--primary shadow--lw"})),r.createElement("hr",null),r.createElement("div",{className:"margin-vert--md"},r.createElement(et,{error:t})))))}const At={mainWrapper:"mainWrapper_z2l0"};function Lt(e){const{children:t,noFooter:n,wrapperClassName:s,title:l,description:c}=e;return(0,h.t)(),r.createElement(jt,null,r.createElement(i.d,{title:l,description:c}),r.createElement(w,null),r.createElement(T,null),r.createElement(ct,null),r.createElement("div",{id:d,className:(0,o.Z)(b.k.wrapper.main,At.mainWrapper,s)},r.createElement(a.Z,{fallback:e=>r.createElement(Tt,e)},t)),!n&&r.createElement(_t,null))}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7462),o=n(7294),a=n(9960),i=n(4996),s=n(2263),l=n(6668),c=n(941);function u(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},s=o.createElement(c.Z,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?o.createElement("div",{className:r},s):s}function d(e){const{siteConfig:{title:t}}=(0,s.Z)(),{navbar:{title:n,logo:c}}=(0,l.L)(),{imageClassName:d,titleClassName:p,...f}=e,m=(0,i.Z)(c?.href||"/"),g=n?"":t,b=c?.alt??g;return o.createElement(a.Z,(0,r.Z)({to:m},f,c?.target&&{target:c.target}),c&&o.createElement(u,{logo:c,alt:b,imageClassName:d}),null!=n&&o.createElement("b",{className:p},n))}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(5742);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return r.createElement(o.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),a&&r.createElement("meta",{name:"docusaurus_tag",content:a}),i&&r.createElement("meta",{name:"docsearch:language",content:i}),n&&r.createElement("meta",{name:"docsearch:version",content:n}),a&&r.createElement("meta",{name:"docsearch:docusaurus_tag",content:a}))}},941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),o=n(7294),a=n(6010),i=n(2389),s=n(2949);const l={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,s.I)(),{sources:c,className:u,alt:d,...p}=e,f=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,f.map((e=>o.createElement("img",(0,r.Z)({key:e,src:c[e],alt:d,className:(0,a.Z)(l.themedImage,l[`themedImage--${e}`],u)},p)))))}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>l,z:()=>b});var r=n(7462),o=n(7294),a=n(412),i=n(1442);const s="ease-in-out";function l(e){let{initialState:t}=e;const[n,r]=(0,o.useState)(t??!1),a=(0,o.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:a}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const a=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=r?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${r?.easing??s}`,height:`${t}px`}}function l(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return d(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(l(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{l()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function f(e){if(!a.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:a,onCollapseTransitionEnd:i,className:s,disableSSRStyle:l}=e;const c=(0,o.useRef)(null);return p({collapsibleRef:c,collapsed:n,animation:a}),o.createElement(t,{ref:c,style:l?void 0:f(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,n),i?.(n))},className:s},r)}function g(e){let{collapsed:t,...n}=e;const[a,i]=(0,o.useState)(!t),[s,l]=(0,o.useState)(t);return(0,o.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,o.useLayoutEffect)((()=>{a&&l(t)}),[a,t]),a?o.createElement(m,(0,r.Z)({},n,{collapsed:s})):null}function b(e){let{lazy:t,...n}=e;const r=t?g:m;return o.createElement(r,n)}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>f});var r=n(7294),o=n(2389),a=n(12),i=n(902),s=n(6668);const l=(0,a.WA)("docusaurus.announcement.dismiss"),c=(0,a.WA)("docusaurus.announcement.id"),u=()=>"true"===l.get(),d=e=>l.set(String(e)),p=r.createContext(null);function f(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.L)(),t=(0,o.Z)(),[n,a]=(0,r.useState)((()=>!!t&&u()));(0,r.useEffect)((()=>{a(u())}),[]);const i=(0,r.useCallback)((()=>{d(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;c.set(t),r&&d(!1),!r&&u()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return r.createElement(p.Provider,{value:n},t)}function m(){const e=(0,r.useContext)(p);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>g});var r=n(7294),o=n(412),a=n(902),i=n(12),s=n(6668);const l=r.createContext(void 0),c="theme",u=(0,i.WA)(c),d={light:"light",dark:"dark"},p=e=>e===d.dark?d.dark:d.light,f=e=>o.Z.canUseDOM?p(document.documentElement.getAttribute("data-theme")):p(e),m=e=>{u.set(p(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.L)(),[o,a]=(0,r.useState)(f(e));(0,r.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&m(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),u.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",p(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&i(p(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return r.createElement(l.Provider,{value:n},t)}function b(){const e=(0,r.useContext)(l);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b,Oh:()=>w});var r=n(7294),o=n(143),a=n(9935),i=n(6668),s=n(3438),l=n(902),c=n(12);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=m();return r.createElement(f.Provider,{value:n},t)}function b(e){let{children:t}=e;return s.cE?r.createElement(g,null,t):r.createElement(r.Fragment,null,t)}function h(){const e=(0,r.useContext)(f);if(!e)throw new l.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const t=(0,o.zh)(e),[n,i]=h(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function w(){const e=(0,o._r)(),[t]=h();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,b:()=>s});var r=n(7294),o=n(902);const a=Symbol("EmptyContext"),i=r.createContext(a);function s(e){let{children:t,name:n,items:o}=e;const a=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return r.createElement(i.Provider,{value:a},t)}function l(){const e=(0,r.useContext)(i);if(e===a)throw new o.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>s,q:()=>i});var r=n(7294),o=n(902);const a=r.createContext(null);function i(e){let{children:t,version:n}=e;return r.createElement(a.Provider,{value:n},t)}function s(){const e=(0,r.useContext)(a);if(null===e)throw new o.i6("DocsVersionProvider");return e}},3163:(e,t,n)=>{"use strict";n.d(t,{M:()=>d,e:()=>p});var r=n(7294),o=n(3102),a=n(7524),i=n(1980),s=n(6668),l=n(902);const c=r.createContext(void 0);function u(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,s.L)().navbar;return 0===t.length&&!e.component}(),t=(0,a.i)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.Rb)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function d(e){let{children:t}=e;const n=u();return r.createElement(c.Provider,{value:n},t)}function p(){const e=r.useContext(c);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,Zo:()=>l,n2:()=>i});var r=n(7294),o=n(902);const a=r.createContext(null);function i(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return r.createElement(a.Provider,{value:n},t)}function s(){const e=(0,r.useContext)(a);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function l(e){let{component:t,props:n}=e;const i=(0,r.useContext)(a);if(!i)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,s]=i,l=(0,o.Ql)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>a});var r=n(7294);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},6177:(e,t,n)=>{"use strict";n.d(t,{K:()=>s,M:()=>l});var r=n(7294),o=n(2263),a=n(1980);const i="q";function s(){return(0,a.Nc)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.Z)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var r=n(7294),o=n(412);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(){return o.Z.canUseDOM?window.innerWidth>i?a.desktop:a.mobile:a.ssr}const l=!1;function c(){const[e,t]=(0,r.useState)((()=>l?"ssr":s()));return(0,r.useEffect)((()=>{function e(){t(s())}const n=l?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},1442:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>r})},3438:(e,t,n)=>{"use strict";n.d(t,{MN:()=>_,Wl:()=>m,_F:()=>v,cE:()=>p,hI:()=>S,jA:()=>g,lO:()=>k,oz:()=>x,s1:()=>y,vY:()=>E,xz:()=>f});var r=n(7294),o=n(6550),a=n(8790),i=n(143),s=n(373),l=n(4477),c=n(1116),u=n(7392),d=n(8596);const p=!!i._r;function f(e){const t=(0,l.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function m(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=m(t);if(e)return e}}}function g(){const{pathname:e}=(0,o.TH)(),t=(0,c.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=w({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const b=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),h=(e,t)=>e.some((e=>v(e,t)));function v(e,t){return"link"===e.type?b(e.href,t):"category"===e.type&&(b(e.href,t)||h(e.items,t))}function w(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,d.Mg)(a.href,n)||e(a.items))||"link"===a.type&&(0,d.Mg)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function y(){const e=(0,c.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?w({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,s.J)(e),o=(0,i.yW)(e);return(0,r.useMemo)((()=>(0,u.j)([t,n,o].filter(Boolean))),[t,n,o])}function x(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function E(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.j)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function S(e){let{route:t,versionMetadata:n}=e;const r=(0,o.TH)(),i=t.routes,s=i.find((e=>(0,o.LX)(r.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?n.docsSidebars[l]:void 0;return{docElement:(0,a.H)(i),sidebarName:l,sidebarItems:c}}function _(e){return e.filter((e=>"category"!==e.type||!!m(e)))}},2128:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(2263);function o(e){const{siteConfig:t}=(0,r.Z)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},1980:(e,t,n)=>{"use strict";n.d(t,{Nc:()=>c,Rb:()=>s,_X:()=>l});var r=n(7294),o=n(6550),a=n(1688),i=n(902);function s(e){!function(e){const t=(0,o.k6)(),n=(0,i.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function l(e){return function(e){const t=(0,o.k6)();return(0,a.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function c(e){const t=l(e)??"",n=function(){const e=(0,o.k6)();return(0,r.useCallback)(((t,n,r)=>{const o=new URLSearchParams(e.location.search);n?o.set(t,n):o.delete(t),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[t,(0,r.useCallback)(((t,r)=>{n(e,t,r)}),[n,e])]}},7392:(e,t,n)=>{"use strict";function r(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,r)=>e.findIndex((e=>t(e,n)))!==r))}function o(e){return Array.from(new Set(e))}n.d(t,{j:()=>o,l:()=>r})},833:(e,t,n)=>{"use strict";n.d(t,{FG:()=>p,d:()=>u,VC:()=>f});var r=n(7294),o=n(6010),a=n(5742),i=n(226);function s(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(4996),c=n(2128);function u(e){let{title:t,description:n,keywords:o,image:i,children:s}=e;const u=(0,c.p)(t),{withBaseUrl:d}=(0,l.C)(),p=i?d(i,{absolute:!0}):void 0;return r.createElement(a.Z,null,t&&r.createElement("title",null,u),t&&r.createElement("meta",{property:"og:title",content:u}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),o&&r.createElement("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),p&&r.createElement("meta",{property:"og:image",content:p}),p&&r.createElement("meta",{name:"twitter:image",content:p}),s)}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.Z)(i,t);return r.createElement(d.Provider,{value:s},r.createElement(a.Z,null,r.createElement("html",{className:s})),n)}function f(e){let{children:t}=e;const n=s(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return r.createElement(p,{className:(0,o.Z)(a,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>l,i6:()=>s,zX:()=>a});var r=n(7294);const o=n(412).Z.canUseDOM?r.useLayoutEffect:r.useEffect;function a(e){const t=(0,r.useRef)(e);return o((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,r.useRef)();return o((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function l(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return r.createElement(r.Fragment,null,e.reduceRight(((e,t)=>r.createElement(t,null,e)),n))}}},8022:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>r})},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>s});var r=n(7294),o=n(723),a=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>l,RF:()=>d,o5:()=>p});var r=n(7294),o=n(412),a=n(2389),i=n(902);const s=r.createContext(void 0);function l(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return r.createElement(s.Provider,{value:n},t)}function c(){const e=(0,r.useContext)(s);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,r.useRef)(u()),a=(0,i.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function p(){const e=c(),t=function(){const e=(0,r.useRef)({elem:null,top:0}),t=(0,r.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,r.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const r=t.getBoundingClientRect().top-n;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,r.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,r.useRef)(void 0),o=(0,r.useCallback)((r=>{t.save(r),e.disableScrollEvents(),n.current=()=>{const{restored:r}=t.restore();if(n.current=void 0,r){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,r.useLayoutEffect)((()=>{queueMicrotask((()=>n.current?.()))})),{blockElementScrollPositionUntilNextRender:o}}function f(){const e=(0,r.useRef)(null),t=(0,a.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>i,_q:()=>l,os:()=>s});var r=n(143),o=n(2263),a=n(373);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,o.Z)(),t=(0,r._r)(),n=(0,r.WS)(),l=(0,a.Oh)();const c=[i,...Object.keys(t).map((function(e){const r=n?.activePlugin.pluginId===e?n.activeVersion:void 0,o=l[e],a=t[e].versions.find((e=>e.isLast));return s(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},12:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>d,WA:()=>u});var r=n(7294),o=n(1688);const a="localStorage";function i(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function s(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}let l=!1;const c={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function u(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=s(t?.persistence);return null===n?c:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),i({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),i({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}function d(e,t){const n=(0,r.useRef)((()=>null===e?c:u(e,t))).current(),a=(0,r.useCallback)((e=>"undefined"==typeof window?()=>{}:n.listen(e)),[n]);return[(0,o.useSyncExternalStore)(a,(()=>"undefined"==typeof window?null:n.get()),(()=>null)),n]}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var r=n(2263),o=n(6550),a=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.Z)(),{pathname:l}=(0,o.TH)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(7294),o=n(6550),a=n(902);function i(e){const t=(0,o.TH)(),n=(0,a.D9)(t),i=(0,a.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var r=n(2263);function o(){return(0,r.Z)().siteConfig.themeConfig}},6278:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var r=n(2263);function o(){const{siteConfig:{themeConfig:e}}=(0,r.Z)();return e}},239:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(7294),o=n(8022),a=n(4996),i=n(6278);function s(){const{withBaseUrl:e}=(0,a.C)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.L)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.F)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,a)}},4143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},6010:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},9318:(e,t,n)=>{"use strict";n.d(t,{lX:()=>y,q_:()=>C,ob:()=>f,PP:()=>T,Ep:()=>p});var r=n(7462);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(8776);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function b(e,t){t(window.confirm(e))}var h="popstate",v="hashchange";function w(){try{return window.history.state||{}}catch(e){return{}}}function y(e){void 0===e&&(e={}),g||(0,s.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,y=void 0!==c&&c,k=i.getUserConfirmation,x=void 0===k?b:k,E=i.keyLength,S=void 0===E?6:E,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,S)}var T=m();function A(e){(0,r.Z)(U,e),U.length=n.length,T.notifyListeners(U.location,U.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(C(e.state))}function R(){N(C(w()))}var P=!1;function N(e){if(P)P=!1,A();else{T.confirmTransitionTo(e,"POP",x,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=I.indexOf(t.key);-1===n&&(n=0);var r=I.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(P=!0,D(o))}(e)}))}}var O=C(w()),I=[O.key];function M(e){return _+p(e)}function D(e){n.go(e)}var B=0;function F(e){1===(B+=e)&&1===e?(window.addEventListener(h,L),a&&window.addEventListener(v,R)):0===B&&(window.removeEventListener(h,L),a&&window.removeEventListener(v,R))}var z=!1;var U={length:n.length,action:"POP",location:O,createHref:M,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);T.confirmTransitionTo(a,r,x,(function(e){if(e){var t=M(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),y)window.location.href=t;else{var l=I.indexOf(U.location.key),c=I.slice(0,l+1);c.push(a.key),I=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);T.confirmTransitionTo(a,r,x,(function(e){if(e){var t=M(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),y)window.location.replace(t);else{var l=I.indexOf(U.location.key);-1!==l&&(I[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=T.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=T.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var k="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function E(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(E(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,s.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?b:o,i=n.hashType,c=void 0===i?"slash":i,h=e.basename?d(l(e.basename)):"",v=x[c],w=v.encodePath,y=v.decodePath;function C(){var e=y(S());return h&&(e=u(e,h)),f(e)}var j=m();function T(e){(0,r.Z)(z,e),z.length=t.length,j.notifyListeners(z.location,z.action)}var A=!1,L=null;function R(){var e,t,n=S(),r=w(n);if(n!==r)_(r);else{var o=C(),i=z.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===p(o))return;L=null,function(e){if(A)A=!1,T();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?T({action:t,location:e}):function(e){var t=z.location,n=I.lastIndexOf(p(t));-1===n&&(n=0);var r=I.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,M(o))}(e)}))}}(o)}}var P=S(),N=w(P);P!==N&&_(N);var O=C(),I=[p(O)];function M(e){t.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?window.addEventListener(k,R):0===D&&window.removeEventListener(k,R)}var F=!1;var z={length:t.length,action:"POP",location:O,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=E(window.location.href)),n+"#"+w(h+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,z.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=w(h+t);if(S()!==o){L=t,function(e){window.location.hash=e}(o);var a=I.lastIndexOf(p(z.location)),i=I.slice(0,a+1);i.push(t),I=i,T({action:n,location:r})}else T()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,z.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=w(h+t);S()!==o&&(L=t,_(o));var a=I.indexOf(p(z.location));-1!==a&&(I[a]=t),T({action:n,location:r})}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return F||(B(1),F=!0),function(){return F&&(F=!1,B(-1)),t()}},listen:function(e){var t=j.appendListener(e);return B(1),function(){B(-1),t()}}};return z}function j(e,t,n){return Math.min(Math.max(e,t),n)}function T(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.Z)(y,e),y.length=y.entries.length,u.notifyListeners(y.location,y.action)}function g(){return Math.random().toString(36).substr(2,c)}var b=j(s,0,a.length-1),h=a.map((function(e){return f(e,void 0,"string"==typeof e?g():e.key||g())})),v=p;function w(e){var t=j(y.index+e,0,y.entries.length-1),r=y.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var y={length:h.length,action:"POP",location:h[b],index:b,entries:h,createHref:v,push:function(e,t){var r="PUSH",o=f(e,t,g(),y.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=y.index+1,n=y.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,g(),y.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(y.entries[y.index]=o,d({action:r,location:o}))}))},go:w,goBack:function(){w(-1)},goForward:function(){w(1)},canGo:function(e){var t=y.index+e;return t>=0&&t<y.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return y}},8679:(e,t,n)=>{"use strict";var r=n(9864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),b=0;b<i.length;++b){var h=i[b];if(!(a[h]||r&&r[h]||g&&g[h]||s&&s[h])){var v=p(n,h);try{c(t,h,v)}catch(w){}}}}return t}},1143:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},7418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var a,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in a=Object(arguments[l]))n.call(a,c)&&(s[c]=a[c]);if(t){i=t(a);for(var u=0;u<i.length;u++)r.call(a,i[u])&&(s[i[u]]=a[i[u]])}}return s}},4779:(e,t,n)=>{var r=n(5826);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],g=n[2],b=n[3],h=n[4],v=n[5],w=n[6],y=n[7];s&&(r.push(s),s="");var k=null!=g&&null!=m&&m!==g,x="+"===w||"*"===w,E="?"===w||"*"===w,S=n[2]||u,_=h||v;r.push({name:b||a++,prefix:g||"",delimiter:S,optional:E,repeat:x,partial:k,asterisk:!!y,pattern:_?c(_):y?".*":"[^"+l(S)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},7410:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return r.hooks.run("before-tokenize",a),a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var g=f[m],b=g.inside,h=!!g.lookbehind,v=!!g.greedy,w=g.alias;if(v&&!g.pattern.global){var y=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,y+"g")}for(var k=g.pattern||g,x=s.next,E=u;x!==t.tail&&!(d&&E>=d.reach);E+=x.value.length,x=x.next){var S=x.value;if(t.length>e.length)return;if(!(S instanceof o)){var _,C=1;if(v){if(!(_=a(k,E,e,h))||_.index>=e.length)break;var j=_.index,T=_.index+_[0].length,A=E;for(A+=x.value.length;j>=A;)A+=(x=x.next).value.length;if(E=A-=x.value.length,x.value instanceof o)continue;for(var L=x;L!==t.tail&&(A<T||"string"==typeof L.value);L=L.next)C++,A+=L.value.length;C--,S=e.slice(E,A),_.index-=E}else if(!(_=a(k,0,S,h)))continue;j=_.index;var R=_[0],P=S.slice(0,j),N=S.slice(j+R.length),O=E+S.length;d&&O>d.reach&&(d.reach=O);var I=x.prev;if(P&&(I=l(t,I,P),E+=P.length),c(t,I,C),x=l(t,I,new o(p,b?r.tokenize(R,b):R,w,R)),N&&l(t,x,N),C>1){var M={cause:p+","+m,reach:O};i(e,t,n,x.prev,E,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}(),o=r;r.default=r,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var a={};a[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},o.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o=t[n];if("code"===o.type){var a=o.content[1],i=o.content[3];if(a&&i&&"code-language"===a.type&&"code-block"===i.type&&"string"==typeof a.content){var s=a.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),l="language-"+(s=(/[a-z][\w-]*/i.exec(s)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,l]:i.alias.push(l):i.alias=[l]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r],c=/language-(.+)/.exec(a);if(c){n=c[1];break}}var u,d=e.languages[n];if(d)t.content=e.highlight((u=t.content,u.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n);var r=s[t];return r||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var p="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=p,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(p);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),o.length>0)){var s=p(/^\{$/,/^\}$/);if(-1===s)continue;for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&o.indexOf(c.content)>=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return!1}return!0}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0===--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function l(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,l(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function u(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,u={},d=l(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=s(i++,r)););return u[n]=o,n})).join(""),n,r),p=Object.keys(u);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=p.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=p[i],a="string"==typeof r?r:r.content,s=a.indexOf(o);if(-1!==s){++i;var l=a.substring(0,s),d=c(u[o]),f=a.substring(s+o.length),m=[];if(l&&m.push(l),m.push(d),f){var g=[f];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var b=r.content;Array.isArray(b)?e(b):e([b])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function p(e){return"string"==typeof e?e:Array.isArray(e)?e.map(p).join(""):p(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,o=n.length;r<o;r++){var a=n[r];if("string"!=typeof a){var i=a.content;if(Array.isArray(i))if("template-string"===a.type){var s=i[1];if(3===i.length&&"string"!=typeof s&&"embedded-code"===s.type){var l=p(s),c=s.alias,d=Array.isArray(c)?c[0]:c,f=e.languages[d];if(!f)continue;i[1]=u(l,f,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];"RegExp"===e.util.type(a)&&(a=e.languages.javascript[o]={pattern:a});var i=a.inside||{};a.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},s=function(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var l=i(o);r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(l+=i(t[r+1]),t.splice(r+1,1)),r>0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(l=i(t[r-1])+l,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",l,null,l)}o.content&&"string"!=typeof o.content&&s(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),b=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),h=p.substring(m+f.length),v=[];g&&v.push.apply(v,i([g])),v.push(b),h&&v.push.apply(v,i([h])),"string"==typeof c?s.splice.apply(s,[l,1].concat(v)):c.content=v}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const a=o},9901:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:(e,t,n)=>{const r=n(9901),o=n(9642),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6726:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6726},6500:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6500},9642:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var g in p={},m){var b=l[g];t(b&&b.modify,(function(e){e in d&&(p[e]=!0)}))}for(var h in d)if(!(h in u))for(var v in f(h))if(v in u){p[h]=!0;break}for(var w in m=p)u[w]=!0}var y={getIds:function(){var e=[];return y.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return y}}();e.exports=t},2703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),o=n(7418),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(i(227));var s=new Set,l={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(l[e]=t,e=0;e<t.length;e++)s.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f=Object.prototype.hasOwnProperty,m={},g={};function b(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new b(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new b(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new b(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new b(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new b(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new b(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new b(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new b(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new b(e,5,!1,e.toLowerCase(),null,!1,!1)}));var v=/[\-:]([a-z])/g;function w(e){return e[1].toUpperCase()}function y(e,t,n,r){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!f.call(g,e)||!f.call(m,e)&&(p.test(e)?g[e]=!0:(m[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new b(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new b("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new b(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=60103,E=60106,S=60107,_=60108,C=60114,j=60109,T=60110,A=60112,L=60113,R=60120,P=60115,N=60116,O=60121,I=60128,M=60129,D=60130,B=60131;if("function"==typeof Symbol&&Symbol.for){var F=Symbol.for;x=F("react.element"),E=F("react.portal"),S=F("react.fragment"),_=F("react.strict_mode"),C=F("react.profiler"),j=F("react.provider"),T=F("react.context"),A=F("react.forward_ref"),L=F("react.suspense"),R=F("react.suspense_list"),P=F("react.memo"),N=F("react.lazy"),O=F("react.block"),F("react.scope"),I=F("react.opaque.id"),M=F("react.debug_trace_mode"),D=F("react.offscreen"),B=F("react.legacy_hidden")}var z,U="function"==typeof Symbol&&Symbol.iterator;function $(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=U&&e[U]||e["@@iterator"])?e:null}function q(e){if(void 0===z)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);z=t&&t[1]||""}return"\n"+z+e}var H=!1;function Z(e,t){if(!e||H)return"";H=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(l){var r=l}Reflect.construct(e,[],t)}else{try{t.call()}catch(l){r=l}e.call(t.prototype)}else{try{throw Error()}catch(l){r=l}e()}}catch(l){if(l&&r&&"string"==typeof l.stack){for(var o=l.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=s);break}}}finally{H=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?q(e):""}function G(e){switch(e.tag){case 5:return q(e.type);case 16:return q("Lazy");case 13:return q("Suspense");case 19:return q("SuspenseList");case 0:case 2:case 15:return e=Z(e.type,!1);case 11:return e=Z(e.type.render,!1);case 22:return e=Z(e.type._render,!1);case 1:return e=Z(e.type,!0);default:return""}}function V(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case S:return"Fragment";case E:return"Portal";case C:return"Profiler";case _:return"StrictMode";case L:return"Suspense";case R:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case j:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case P:return V(e.type);case O:return V(e._render);case N:t=e._payload,e=e._init;try{return V(e(t))}catch(n){}}return null}function W(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function K(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var t=K(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=K(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=W(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&y(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=W(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,W(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+W(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function se(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function le(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:W(n)}}function ce(e,t){var n=W(t.value),r=W(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function fe(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var me,ge,be=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((me=me||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=me.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function he(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ve={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function ye(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ve.hasOwnProperty(e)&&ve[e]?(""+t).trim():t+"px"}function ke(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ye(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ve).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ve[t]=ve[e]}))}));var xe=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ee(e,t){if(t){if(xe[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function Se(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function _e(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Ce=null,je=null,Te=null;function Ae(e){if(e=no(e)){if("function"!=typeof Ce)throw Error(i(280));var t=e.stateNode;t&&(t=oo(t),Ce(e.stateNode,e.type,t))}}function Le(e){je?Te?Te.push(e):Te=[e]:je=e}function Re(){if(je){var e=je,t=Te;if(Te=je=null,Ae(e),t)for(e=0;e<t.length;e++)Ae(t[e])}}function Pe(e,t){return e(t)}function Ne(e,t,n,r,o){return e(t,n,r,o)}function Oe(){}var Ie=Pe,Me=!1,De=!1;function Be(){null===je&&null===Te||(Oe(),Re())}function Fe(e,t){var n=e.stateNode;if(null===n)return null;var r=oo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var ze=!1;if(d)try{var Ue={};Object.defineProperty(Ue,"passive",{get:function(){ze=!0}}),window.addEventListener("test",Ue,Ue),window.removeEventListener("test",Ue,Ue)}catch(ge){ze=!1}function $e(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var qe=!1,He=null,Ze=!1,Ge=null,Ve={onError:function(e){qe=!0,He=e}};function We(e,t,n,r,o,a,i,s,l){qe=!1,He=null,$e.apply(Ve,arguments)}function Ke(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ye(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Qe(e){if(Ke(e)!==e)throw Error(i(188))}function Xe(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ke(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var a=o.alternate;if(null===a){if(null!==(r=o.return)){n=r;continue}break}if(o.child===a.child){for(a=o.child;a;){if(a===n)return Qe(o),e;if(a===r)return Qe(o),t;a=a.sibling}throw Error(i(188))}if(n.return!==r.return)n=o,r=a;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=a;break}if(l===r){s=!0,r=o,n=a;break}l=l.sibling}if(!s){for(l=a.child;l;){if(l===n){s=!0,n=a,r=o;break}if(l===r){s=!0,r=a,n=o;break}l=l.sibling}if(!s)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Je(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,rt,ot=!1,at=[],it=null,st=null,lt=null,ct=new Map,ut=new Map,dt=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ft(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function mt(e,t){switch(e){case"focusin":case"focusout":it=null;break;case"dragenter":case"dragleave":st=null;break;case"mouseover":case"mouseout":lt=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e=ft(t,n,r,o,a),null!==t&&(null!==(t=no(t))&&tt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function bt(e){var t=to(e.target);if(null!==t){var n=Ke(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ye(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){a.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function ht(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function vt(e,t,n){ht(e)&&n.delete(t)}function wt(){for(ot=!1;0<at.length;){var e=at[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&at.shift()}null!==it&&ht(it)&&(it=null),null!==st&&ht(st)&&(st=null),null!==lt&&ht(lt)&&(lt=null),ct.forEach(vt),ut.forEach(vt)}function yt(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,wt)))}function kt(e){function t(t){return yt(t,e)}if(0<at.length){yt(at[0],e);for(var n=1;n<at.length;n++){var r=at[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==it&&yt(it,e),null!==st&&yt(st,e),null!==lt&&yt(lt,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(r=dt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)bt(n),null===n.blockedOn&&dt.shift()}function xt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Et={animationend:xt("Animation","AnimationEnd"),animationiteration:xt("Animation","AnimationIteration"),animationstart:xt("Animation","AnimationStart"),transitionend:xt("Transition","TransitionEnd")},St={},_t={};function Ct(e){if(St[e])return St[e];if(!Et[e])return e;var t,n=Et[e];for(t in n)if(n.hasOwnProperty(t)&&t in _t)return St[e]=n[t];return e}d&&(_t=document.createElement("div").style,"AnimationEvent"in window||(delete Et.animationend.animation,delete Et.animationiteration.animation,delete Et.animationstart.animation),"TransitionEvent"in window||delete Et.transitionend.transition);var jt=Ct("animationend"),Tt=Ct("animationiteration"),At=Ct("animationstart"),Lt=Ct("transitionend"),Rt=new Map,Pt=new Map,Nt=["abort","abort",jt,"animationEnd",Tt,"animationIteration",At,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lt,"transitionEnd","waiting","waiting"];function Ot(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Pt.set(r,t),Rt.set(r,o),c(o,[r])}}(0,a.unstable_now)();var It=8;function Mt(e){if(0!=(1&e))return It=15,1;if(0!=(2&e))return It=14,2;if(0!=(4&e))return It=13,4;var t=24&e;return 0!==t?(It=12,t):0!=(32&e)?(It=11,32):0!==(t=192&e)?(It=10,t):0!=(256&e)?(It=9,256):0!==(t=3584&e)?(It=8,t):0!=(4096&e)?(It=7,4096):0!==(t=4186112&e)?(It=6,t):0!==(t=62914560&e)?(It=5,t):67108864&e?(It=4,67108864):0!=(134217728&e)?(It=3,134217728):0!==(t=805306368&e)?(It=2,t):0!=(1073741824&e)?(It=1,1073741824):(It=8,e)}function Dt(e,t){var n=e.pendingLanes;if(0===n)return It=0;var r=0,o=0,a=e.expiredLanes,i=e.suspendedLanes,s=e.pingedLanes;if(0!==a)r=a,o=It=15;else if(0!==(a=134217727&n)){var l=a&~i;0!==l?(r=Mt(l),o=It):0!==(s&=a)&&(r=Mt(s),o=It)}else 0!==(a=n&~i)?(r=Mt(a),o=It):0!==s&&(r=Mt(s),o=It);if(0===r)return 0;if(r=n&((0>(r=31-qt(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&i)){if(Mt(t),o<=It)return t;It=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-qt(t)),r|=e[n],t&=~o;return r}function Bt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ft(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=zt(24&~t))?Ft(10,t):e;case 10:return 0===(e=zt(192&~t))?Ft(8,t):e;case 8:return 0===(e=zt(3584&~t))&&(0===(e=zt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=zt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function zt(e){return e&-e}function Ut(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function $t(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-qt(t)]=n}var qt=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Ht(e)/Zt|0)|0},Ht=Math.log,Zt=Math.LN2;var Gt=a.unstable_UserBlockingPriority,Vt=a.unstable_runWithPriority,Wt=!0;function Kt(e,t,n,r){Me||Oe();var o=Qt,a=Me;Me=!0;try{Ne(o,e,t,n,r)}finally{(Me=a)||Be()}}function Yt(e,t,n,r){Vt(Gt,Qt.bind(null,e,t,n,r))}function Qt(e,t,n,r){var o;if(Wt)if((o=0==(4&t))&&0<at.length&&-1<pt.indexOf(e))e=ft(null,e,t,n,r),at.push(e);else{var a=Xt(e,t,n,r);if(null===a)o&&mt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=ft(a,e,t,n,r),void at.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return it=gt(it,e,t,n,r,o),!0;case"dragenter":return st=gt(st,e,t,n,r,o),!0;case"mouseover":return lt=gt(lt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return ct.set(a,gt(ct.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,ut.set(a,gt(ut.get(a)||null,e,t,n,r,o)),!0}return!1}(a,e,t,n,r))return;mt(e,r)}Or(e,t,r,null,n)}}}function Xt(e,t,n,r){var o=_e(r);if(null!==(o=to(o))){var a=Ke(o);if(null===a)o=null;else{var i=a.tag;if(13===i){if(null!==(o=Ye(a)))return o;o=null}else if(3===i){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;o=null}else a!==o&&(o=null)}}return Or(e,t,r,o,n),null}var Jt=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,o="value"in Jt?Jt.value:Jt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function rn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function an(){return!1}function sn(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:an,this.isPropagationStopped=an,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var ln,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=sn(dn),fn=o({},dn,{view:0,detail:0}),mn=sn(fn),gn=o({},fn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:jn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(ln=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=ln=0,un=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),bn=sn(gn),hn=sn(o({},gn,{dataTransfer:0})),vn=sn(o({},fn,{relatedTarget:0})),wn=sn(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),kn=sn(yn),xn=sn(o({},dn,{data:0})),En={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},_n={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Cn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=_n[e])&&!!t[e]}function jn(){return Cn}var Tn=o({},fn,{key:function(e){if(e.key){var t=En[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=rn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:jn,charCode:function(e){return"keypress"===e.type?rn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?rn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),An=sn(Tn),Ln=sn(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Rn=sn(o({},fn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:jn})),Pn=sn(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Nn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),On=sn(Nn),In=[9,13,27,32],Mn=d&&"CompositionEvent"in window,Dn=null;d&&"documentMode"in document&&(Dn=document.documentMode);var Bn=d&&"TextEvent"in window&&!Dn,Fn=d&&(!Mn||Dn&&8<Dn&&11>=Dn),zn=String.fromCharCode(32),Un=!1;function $n(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function qn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Hn=!1;var Zn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Gn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Zn[e.type]:"textarea"===t}function Vn(e,t,n,r){Le(r),0<(t=Mr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Wn=null,Kn=null;function Yn(e){Tr(e,0)}function Qn(e){if(Q(ro(e)))return e}function Xn(e,t){if("change"===e)return t}var Jn=!1;if(d){var er;if(d){var tr="oninput"in document;if(!tr){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),tr="function"==typeof nr.oninput}er=tr}else er=!1;Jn=er&&(!document.documentMode||9<document.documentMode)}function rr(){Wn&&(Wn.detachEvent("onpropertychange",or),Kn=Wn=null)}function or(e){if("value"===e.propertyName&&Qn(Kn)){var t=[];if(Vn(t,Kn,e,_e(e)),e=Yn,Me)e(t);else{Me=!0;try{Pe(e,t)}finally{Me=!1,Be()}}}}function ar(e,t,n){"focusin"===e?(rr(),Kn=n,(Wn=t).attachEvent("onpropertychange",or)):"focusout"===e&&rr()}function ir(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Kn)}function sr(e,t){if("click"===e)return Qn(t)}function lr(e,t){if("input"===e||"change"===e)return Qn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ur=Object.prototype.hasOwnProperty;function dr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!ur.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function fr(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function mr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?mr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function gr(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function br(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var hr=d&&"documentMode"in document&&11>=document.documentMode,vr=null,wr=null,yr=null,kr=!1;function xr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;kr||null==vr||vr!==X(r)||("selectionStart"in(r=vr)&&br(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&dr(yr,r)||(yr=r,0<(r=Mr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=vr)))}Ot("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Ot("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Ot(Nt,2);for(var Er="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Sr=0;Sr<Er.length;Sr++)Pt.set(Er[Sr],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var _r="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Cr=new Set("cancel close invalid load scroll toggle".split(" ").concat(_r));function jr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,a,s,l,c){if(We.apply(this,arguments),qe){if(!qe)throw Error(i(198));var u=He;qe=!1,He=null,Ze||(Ze=!0,Ge=u)}}(r,t,void 0,e),e.currentTarget=null}function Tr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;jr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;jr(o,s,c),a=l}}}if(Ze)throw e=Ge,Ze=!1,Ge=null,e}function Ar(e,t){var n=ao(t),r=e+"__bubble";n.has(r)||(Nr(t,e,2,!1),n.add(r))}var Lr="_reactListening"+Math.random().toString(36).slice(2);function Rr(e){e[Lr]||(e[Lr]=!0,s.forEach((function(t){Cr.has(t)||Pr(t,!1,e,null),Pr(t,!0,e,null)})))}function Pr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&Cr.has(e)){if("scroll"!==e)return;o|=2,a=r}var i=ao(a),s=e+"__"+(t?"capture":"bubble");i.has(s)||(t&&(o|=4),Nr(a,e,o,t),i.add(s))}function Nr(e,t,n,r){var o=Pt.get(t);switch(void 0===o?2:o){case 0:o=Kt;break;case 1:o=Yt;break;default:o=Qt}n=o.bind(null,t,n,e),o=void 0,!ze||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Or(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=to(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}!function(e,t,n){if(De)return e(t,n);De=!0;try{return Ie(e,t,n)}finally{De=!1,Be()}}((function(){var r=a,o=_e(n),i=[];e:{var s=Rt.get(e);if(void 0!==s){var l=pn,c=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":l=An;break;case"focusin":c="focus",l=vn;break;case"focusout":c="blur",l=vn;break;case"beforeblur":case"afterblur":l=vn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=bn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=Rn;break;case jt:case Tt:case At:l=wn;break;case Lt:l=Pn;break;case"scroll":l=mn;break;case"wheel":l=On;break;case"copy":case"cut":case"paste":l=kn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=Ln}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var g=(f=m).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==p&&(null!=(g=Fe(m,p))&&u.push(Ir(m,g,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(0==(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[Jr])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=Ke(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=bn,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=Ln,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ro(l),f=null==c?s:ro(c),(s=new u(g,m+"leave",l,n,o)).target=d,s.relatedTarget=f,g=null,to(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Dr(f))m++;for(f=0,g=p;g;g=Dr(g))f++;for(;0<m-f;)u=Dr(u),m--;for(;0<f-m;)p=Dr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Dr(u),p=Dr(p)}u=null}else u=null;null!==l&&Br(i,s,l,u,!1),null!==c&&null!==d&&Br(i,d,c,u,!0)}if("select"===(l=(s=r?ro(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var b=Xn;else if(Gn(s))if(Jn)b=lr;else{b=ir;var h=ar}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(b=sr);switch(b&&(b=b(e,r))?Vn(i,b,n,o):(h&&h(e,s,r),"focusout"===e&&(h=s._wrapperState)&&h.controlled&&"number"===s.type&&oe(s,"number",s.value)),h=r?ro(r):window,e){case"focusin":(Gn(h)||"true"===h.contentEditable)&&(vr=h,wr=r,yr=null);break;case"focusout":yr=wr=vr=null;break;case"mousedown":kr=!0;break;case"contextmenu":case"mouseup":case"dragend":kr=!1,xr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":xr(i,n,o)}var v;if(Mn)e:{switch(e){case"compositionstart":var w="onCompositionStart";break e;case"compositionend":w="onCompositionEnd";break e;case"compositionupdate":w="onCompositionUpdate";break e}w=void 0}else Hn?$n(e,n)&&(w="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(w="onCompositionStart");w&&(Fn&&"ko"!==n.locale&&(Hn||"onCompositionStart"!==w?"onCompositionEnd"===w&&Hn&&(v=nn()):(en="value"in(Jt=o)?Jt.value:Jt.textContent,Hn=!0)),0<(h=Mr(r,w)).length&&(w=new xn(w,e,null,n,o),i.push({event:w,listeners:h}),v?w.data=v:null!==(v=qn(n))&&(w.data=v))),(v=Bn?function(e,t){switch(e){case"compositionend":return qn(t);case"keypress":return 32!==t.which?null:(Un=!0,zn);case"textInput":return(e=t.data)===zn&&Un?null:e;default:return null}}(e,n):function(e,t){if(Hn)return"compositionend"===e||!Mn&&$n(e,t)?(e=nn(),tn=en=Jt=null,Hn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Fn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Mr(r,"onBeforeInput")).length&&(o=new xn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=v))}Tr(i,t)}))}function Ir(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Mr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Fe(e,n))&&r.unshift(Ir(e,a,o)),null!=(a=Fe(e,t))&&r.push(Ir(e,a,o))),e=e.return}return r}function Dr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Br(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Fe(n,a))&&i.unshift(Ir(n,l,s)):o||null!=(l=Fe(n,a))&&i.push(Ir(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Fr(){}var zr=null,Ur=null;function $r(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function qr(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Hr="function"==typeof setTimeout?setTimeout:void 0,Zr="function"==typeof clearTimeout?clearTimeout:void 0;function Gr(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Vr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Wr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Kr=0;var Yr=Math.random().toString(36).slice(2),Qr="__reactFiber$"+Yr,Xr="__reactProps$"+Yr,Jr="__reactContainer$"+Yr,eo="__reactEvents$"+Yr;function to(e){var t=e[Qr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Jr]||n[Qr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Wr(e);null!==e;){if(n=e[Qr])return n;e=Wr(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[Qr]||e[Jr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ro(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function oo(e){return e[Xr]||null}function ao(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var io=[],so=-1;function lo(e){return{current:e}}function co(e){0>so||(e.current=io[so],io[so]=null,so--)}function uo(e,t){so++,io[so]=e.current,e.current=t}var po={},fo=lo(po),mo=lo(!1),go=po;function bo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function ho(e){return null!=(e=e.childContextTypes)}function vo(){co(mo),co(fo)}function wo(e,t,n){if(fo.current!==po)throw Error(i(168));uo(fo,t),uo(mo,n)}function yo(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,V(t)||"Unknown",a));return o({},n,r)}function ko(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,go=fo.current,uo(fo,e),uo(mo,mo.current),!0}function xo(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=yo(e,t,go),r.__reactInternalMemoizedMergedChildContext=e,co(mo),co(fo),uo(fo,e)):co(mo),uo(mo,n)}var Eo=null,So=null,_o=a.unstable_runWithPriority,Co=a.unstable_scheduleCallback,jo=a.unstable_cancelCallback,To=a.unstable_shouldYield,Ao=a.unstable_requestPaint,Lo=a.unstable_now,Ro=a.unstable_getCurrentPriorityLevel,Po=a.unstable_ImmediatePriority,No=a.unstable_UserBlockingPriority,Oo=a.unstable_NormalPriority,Io=a.unstable_LowPriority,Mo=a.unstable_IdlePriority,Do={},Bo=void 0!==Ao?Ao:function(){},Fo=null,zo=null,Uo=!1,$o=Lo(),qo=1e4>$o?Lo:function(){return Lo()-$o};function Ho(){switch(Ro()){case Po:return 99;case No:return 98;case Oo:return 97;case Io:return 96;case Mo:return 95;default:throw Error(i(332))}}function Zo(e){switch(e){case 99:return Po;case 98:return No;case 97:return Oo;case 96:return Io;case 95:return Mo;default:throw Error(i(332))}}function Go(e,t){return e=Zo(e),_o(e,t)}function Vo(e,t,n){return e=Zo(e),Co(e,t,n)}function Wo(){if(null!==zo){var e=zo;zo=null,jo(e)}Ko()}function Ko(){if(!Uo&&null!==Fo){Uo=!0;var e=0;try{var t=Fo;Go(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Fo=null}catch(n){throw null!==Fo&&(Fo=Fo.slice(e+1)),Co(Po,Wo),n}finally{Uo=!1}}}var Yo=k.ReactCurrentBatchConfig;function Qo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Xo=lo(null),Jo=null,ea=null,ta=null;function na(){ta=ea=Jo=null}function ra(e){var t=Xo.current;co(Xo),e.type._context._currentValue=t}function oa(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function aa(e,t){Jo=e,ta=ea=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Mi=!0),e.firstContext=null)}function ia(e,t){if(ta!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(ta=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ea){if(null===Jo)throw Error(i(308));ea=t,Jo.dependencies={lanes:0,firstContext:t,responders:null}}else ea=ea.next=t;return e._currentValue}var sa=!1;function la(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ca(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ua(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function da(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function fa(e,t,n,r){var a=e.updateQueue;sa=!1;var i=a.firstBaseUpdate,s=a.lastBaseUpdate,l=a.shared.pending;if(null!==l){a.shared.pending=null;var c=l,u=c.next;c.next=null,null===s?i=u:s.next=u,s=c;var d=e.alternate;if(null!==d){var p=(d=d.updateQueue).lastBaseUpdate;p!==s&&(null===p?d.firstBaseUpdate=u:p.next=u,d.lastBaseUpdate=c)}}if(null!==i){for(p=a.baseState,s=0,d=u=c=null;;){l=i.lane;var f=i.eventTime;if((r&l)===l){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(l=t,f=n,g.tag){case 1:if("function"==typeof(m=g.payload)){p=m.call(f,p,l);break e}p=m;break e;case 3:m.flags=-4097&m.flags|64;case 0:if(null==(l="function"==typeof(m=g.payload)?m.call(f,p,l):m))break e;p=o({},p,l);break e;case 2:sa=!0}}null!==i.callback&&(e.flags|=32,null===(l=a.effects)?a.effects=[i]:l.push(i))}else f={eventTime:f,lane:l,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(u=d=f,c=p):d=d.next=f,s|=l;if(null===(i=i.next)){if(null===(l=a.shared.pending))break;i=l.next,l.next=null,a.lastBaseUpdate=l,a.shared.pending=null}}null===d&&(c=p),a.baseState=c,a.firstBaseUpdate=u,a.lastBaseUpdate=d,Us|=s,e.lanes=s,e.memoizedState=p}}function ma(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(i(191,o));o.call(r)}}}var ga=(new r.Component).refs;function ba(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ha={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=pl(),o=fl(e),a=ua(r,o);a.payload=t,null!=n&&(a.callback=n),da(e,a),ml(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=pl(),o=fl(e),a=ua(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),da(e,a),ml(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=pl(),r=fl(e),o=ua(n,r);o.tag=2,null!=t&&(o.callback=t),da(e,o),ml(e,r,n)}};function va(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!dr(n,r)||!dr(o,a))}function wa(e,t,n){var r=!1,o=po,a=t.contextType;return"object"==typeof a&&null!==a?a=ia(a):(o=ho(t)?go:fo.current,a=(r=null!=(r=t.contextTypes))?bo(e,o):po),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ha,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ya(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ha.enqueueReplaceState(t,t.state,null)}function ka(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=ga,la(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=ia(a):(a=ho(t)?go:fo.current,o.context=bo(e,a)),fa(e,n,o,r),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(ba(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&ha.enqueueReplaceState(o,o.state,null),fa(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var xa=Array.isArray;function Ea(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===ga&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function Sa(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function _a(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Gl(e,t)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function s(t){return e&&null===t.alternate&&(t.flags=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Yl(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Ea(e,t,n),r.return=e,r):((r=Vl(n.type,n.key,n.props,null,e.mode,r)).ref=Ea(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ql(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Wl(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Yl(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Vl(t.type,t.key,t.props,null,e.mode,n)).ref=Ea(e,null,t),n.return=e,n;case E:return(t=Ql(t,e.mode,n)).return=e,t}if(xa(t)||$(t))return(t=Wl(t,e.mode,n,null)).return=e,t;Sa(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===o?n.type===S?d(e,t,n.props.children,r,o):c(e,t,n,r):null;case E:return n.key===o?u(e,t,n,r):null}if(xa(n)||$(n))return null!==o?null:d(e,t,n,r,null);Sa(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case x:return e=e.get(null===r.key?n:r.key)||null,r.type===S?d(t,e,r.props.children,o,r.key):c(t,e,r,o);case E:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(xa(r)||$(r))return d(t,e=e.get(n)||null,r,o,null);Sa(t,r)}return null}function g(o,i,s,l){for(var c=null,u=null,d=i,g=i=0,b=null;null!==d&&g<s.length;g++){d.index>g?(b=d,d=null):b=d.sibling;var h=f(o,d,s[g],l);if(null===h){null===d&&(d=b);break}e&&d&&null===h.alternate&&t(o,d),i=a(h,i,g),null===u?c=h:u.sibling=h,u=h,d=b}if(g===s.length)return n(o,d),c;if(null===d){for(;g<s.length;g++)null!==(d=p(o,s[g],l))&&(i=a(d,i,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=r(o,d);g<s.length;g++)null!==(b=m(d,o,g,s[g],l))&&(e&&null!==b.alternate&&d.delete(null===b.key?g:b.key),i=a(b,i,g),null===u?c=b:u.sibling=b,u=b);return e&&d.forEach((function(e){return t(o,e)})),c}function b(o,s,l,c){var u=$(l);if("function"!=typeof u)throw Error(i(150));if(null==(l=u.call(l)))throw Error(i(151));for(var d=u=null,g=s,b=s=0,h=null,v=l.next();null!==g&&!v.done;b++,v=l.next()){g.index>b?(h=g,g=null):h=g.sibling;var w=f(o,g,v.value,c);if(null===w){null===g&&(g=h);break}e&&g&&null===w.alternate&&t(o,g),s=a(w,s,b),null===d?u=w:d.sibling=w,d=w,g=h}if(v.done)return n(o,g),u;if(null===g){for(;!v.done;b++,v=l.next())null!==(v=p(o,v.value,c))&&(s=a(v,s,b),null===d?u=v:d.sibling=v,d=v);return u}for(g=r(o,g);!v.done;b++,v=l.next())null!==(v=m(g,o,b,v.value,c))&&(e&&null!==v.alternate&&g.delete(null===v.key?b:v.key),s=a(v,s,b),null===d?u=v:d.sibling=v,d=v);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,r,a,l){var c="object"==typeof a&&null!==a&&a.type===S&&null===a.key;c&&(a=a.props.children);var u="object"==typeof a&&null!==a;if(u)switch(a.$$typeof){case x:e:{for(u=a.key,c=r;null!==c;){if(c.key===u){if(7===c.tag){if(a.type===S){n(e,c.sibling),(r=o(c,a.props.children)).return=e,e=r;break e}}else if(c.elementType===a.type){n(e,c.sibling),(r=o(c,a.props)).ref=Ea(e,c,a),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}a.type===S?((r=Wl(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=Vl(a.type,a.key,a.props,null,e.mode,l)).ref=Ea(e,r,a),l.return=e,e=l)}return s(e);case E:e:{for(c=a.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Ql(a,e.mode,l)).return=e,e=r}return s(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Yl(a,e.mode,l)).return=e,e=r),s(e);if(xa(a))return g(e,r,a,l);if($(a))return b(e,r,a,l);if(u&&Sa(e,a),void 0===a&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,V(e.type)||"Component"))}return n(e,r)}}var Ca=_a(!0),ja=_a(!1),Ta={},Aa=lo(Ta),La=lo(Ta),Ra=lo(Ta);function Pa(e){if(e===Ta)throw Error(i(174));return e}function Na(e,t){switch(uo(Ra,t),uo(La,e),uo(Aa,Ta),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:fe(null,"");break;default:t=fe(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(Aa),uo(Aa,t)}function Oa(){co(Aa),co(La),co(Ra)}function Ia(e){Pa(Ra.current);var t=Pa(Aa.current),n=fe(t,e.type);t!==n&&(uo(La,e),uo(Aa,n))}function Ma(e){La.current===e&&(co(Aa),co(La))}var Da=lo(0);function Ba(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Fa=null,za=null,Ua=!1;function $a(e,t){var n=Hl(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function qa(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Ha(e){if(Ua){var t=za;if(t){var n=t;if(!qa(e,t)){if(!(t=Vr(n.nextSibling))||!qa(e,t))return e.flags=-1025&e.flags|2,Ua=!1,void(Fa=e);$a(Fa,n)}Fa=e,za=Vr(t.firstChild)}else e.flags=-1025&e.flags|2,Ua=!1,Fa=e}}function Za(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Fa=e}function Ga(e){if(e!==Fa)return!1;if(!Ua)return Za(e),Ua=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!qr(t,e.memoizedProps))for(t=za;t;)$a(e,t),t=Vr(t.nextSibling);if(Za(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){za=Vr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}za=null}}else za=Fa?Vr(e.stateNode.nextSibling):null;return!0}function Va(){za=Fa=null,Ua=!1}var Wa=[];function Ka(){for(var e=0;e<Wa.length;e++)Wa[e]._workInProgressVersionPrimary=null;Wa.length=0}var Ya=k.ReactCurrentDispatcher,Qa=k.ReactCurrentBatchConfig,Xa=0,Ja=null,ei=null,ti=null,ni=!1,ri=!1;function oi(){throw Error(i(321))}function ai(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function ii(e,t,n,r,o,a){if(Xa=a,Ja=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Ya.current=null===e||null===e.memoizedState?Pi:Ni,e=n(r,o),ri){a=0;do{if(ri=!1,!(25>a))throw Error(i(301));a+=1,ti=ei=null,t.updateQueue=null,Ya.current=Oi,e=n(r,o)}while(ri)}if(Ya.current=Ri,t=null!==ei&&null!==ei.next,Xa=0,ti=ei=Ja=null,ni=!1,t)throw Error(i(300));return e}function si(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ti?Ja.memoizedState=ti=e:ti=ti.next=e,ti}function li(){if(null===ei){var e=Ja.alternate;e=null!==e?e.memoizedState:null}else e=ei.next;var t=null===ti?Ja.memoizedState:ti.next;if(null!==t)ti=t,ei=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ei=e).memoizedState,baseState:ei.baseState,baseQueue:ei.baseQueue,queue:ei.queue,next:null},null===ti?Ja.memoizedState=ti=e:ti=ti.next=e}return ti}function ci(e,t){return"function"==typeof t?t(e):t}function ui(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=ei,o=r.baseQueue,a=n.pending;if(null!==a){if(null!==o){var s=o.next;o.next=a.next,a.next=s}r.baseQueue=o=a,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var l=s=a=null,c=o;do{var u=c.lane;if((Xa&u)===u)null!==l&&(l=l.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),r=c.eagerReducer===e?c.eagerState:e(r,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===l?(s=l=d,a=r):l=l.next=d,Ja.lanes|=u,Us|=u}c=c.next}while(null!==c&&c!==o);null===l?a=r:l.next=s,cr(r,t.memoizedState)||(Mi=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=l,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function di(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{a=e(a,s.action),s=s.next}while(s!==o);cr(a,t.memoizedState)||(Mi=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function pi(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Xa&e)===e)&&(t._workInProgressVersionPrimary=r,Wa.push(t))),e)return n(t._source);throw Wa.push(t),Error(i(350))}function fi(e,t,n,r){var o=Ns;if(null===o)throw Error(i(349));var a=t._getVersion,s=a(t._source),l=Ya.current,c=l.useState((function(){return pi(o,t,n)})),u=c[1],d=c[0];c=ti;var p=e.memoizedState,f=p.refs,m=f.getSnapshot,g=p.source;p=p.subscribe;var b=Ja;return e.memoizedState={refs:f,source:t,subscribe:r},l.useEffect((function(){f.getSnapshot=n,f.setSnapshot=u;var e=a(t._source);if(!cr(s,e)){e=n(t._source),cr(d,e)||(u(e),e=fl(b),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,i=e;0<i;){var l=31-qt(i),c=1<<l;r[l]|=e,i&=~c}}}),[n,t,r]),l.useEffect((function(){return r(t._source,(function(){var e=f.getSnapshot,n=f.setSnapshot;try{n(e(t._source));var r=fl(b);o.mutableReadLanes|=r&o.pendingLanes}catch(a){n((function(){throw a}))}}))}),[t,r]),cr(m,n)&&cr(g,t)&&cr(p,r)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=u=Li.bind(null,Ja,e),c.queue=e,c.baseQueue=null,d=pi(o,t,n),c.memoizedState=c.baseState=d),d}function mi(e,t,n){return fi(li(),e,t,n)}function gi(e){var t=si();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Li.bind(null,Ja,e),[t.memoizedState,e]}function bi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=Ja.updateQueue)?(t={lastEffect:null},Ja.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function hi(e){return e={current:e},si().memoizedState=e}function vi(){return li().memoizedState}function wi(e,t,n,r){var o=si();Ja.flags|=e,o.memoizedState=bi(1|t,n,void 0,void 0===r?null:r)}function yi(e,t,n,r){var o=li();r=void 0===r?null:r;var a=void 0;if(null!==ei){var i=ei.memoizedState;if(a=i.destroy,null!==r&&ai(r,i.deps))return void bi(t,n,a,r)}Ja.flags|=e,o.memoizedState=bi(1|t,n,a,r)}function ki(e,t){return wi(516,4,e,t)}function xi(e,t){return yi(516,4,e,t)}function Ei(e,t){return yi(4,2,e,t)}function Si(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function _i(e,t,n){return n=null!=n?n.concat([e]):null,yi(4,2,Si.bind(null,t,e),n)}function Ci(){}function ji(e,t){var n=li();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ai(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Ti(e,t){var n=li();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ai(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ai(e,t){var n=Ho();Go(98>n?98:n,(function(){e(!0)})),Go(97<n?97:n,(function(){var n=Qa.transition;Qa.transition=1;try{e(!1),t()}finally{Qa.transition=n}}))}function Li(e,t,n){var r=pl(),o=fl(e),a={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?a.next=a:(a.next=i.next,i.next=a),t.pending=a,i=e.alternate,e===Ja||null!==i&&i===Ja)ri=ni=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var s=t.lastRenderedState,l=i(s,n);if(a.eagerReducer=i,a.eagerState=l,cr(l,s))return}catch(c){}ml(e,o,r)}}var Ri={readContext:ia,useCallback:oi,useContext:oi,useEffect:oi,useImperativeHandle:oi,useLayoutEffect:oi,useMemo:oi,useReducer:oi,useRef:oi,useState:oi,useDebugValue:oi,useDeferredValue:oi,useTransition:oi,useMutableSource:oi,useOpaqueIdentifier:oi,unstable_isNewReconciler:!1},Pi={readContext:ia,useCallback:function(e,t){return si().memoizedState=[e,void 0===t?null:t],e},useContext:ia,useEffect:ki,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,wi(4,2,Si.bind(null,t,e),n)},useLayoutEffect:function(e,t){return wi(4,2,e,t)},useMemo:function(e,t){var n=si();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=si();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Li.bind(null,Ja,e),[r.memoizedState,e]},useRef:hi,useState:gi,useDebugValue:Ci,useDeferredValue:function(e){var t=gi(e),n=t[0],r=t[1];return ki((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=gi(!1),t=e[0];return hi(e=Ai.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=si();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},fi(r,e,t,n)},useOpaqueIdentifier:function(){if(Ua){var e=!1,t=function(e){return{$$typeof:I,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Kr++).toString(36))),Error(i(355))})),n=gi(t)[1];return 0==(2&Ja.mode)&&(Ja.flags|=516,bi(5,(function(){n("r:"+(Kr++).toString(36))}),void 0,null)),t}return gi(t="r:"+(Kr++).toString(36)),t},unstable_isNewReconciler:!1},Ni={readContext:ia,useCallback:ji,useContext:ia,useEffect:xi,useImperativeHandle:_i,useLayoutEffect:Ei,useMemo:Ti,useReducer:ui,useRef:vi,useState:function(){return ui(ci)},useDebugValue:Ci,useDeferredValue:function(e){var t=ui(ci),n=t[0],r=t[1];return xi((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=ui(ci)[0];return[vi().current,e]},useMutableSource:mi,useOpaqueIdentifier:function(){return ui(ci)[0]},unstable_isNewReconciler:!1},Oi={readContext:ia,useCallback:ji,useContext:ia,useEffect:xi,useImperativeHandle:_i,useLayoutEffect:Ei,useMemo:Ti,useReducer:di,useRef:vi,useState:function(){return di(ci)},useDebugValue:Ci,useDeferredValue:function(e){var t=di(ci),n=t[0],r=t[1];return xi((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[vi().current,e]},useMutableSource:mi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ii=k.ReactCurrentOwner,Mi=!1;function Di(e,t,n,r){t.child=null===e?ja(t,null,n,r):Ca(t,e.child,n,r)}function Bi(e,t,n,r,o){n=n.render;var a=t.ref;return aa(t,o),r=ii(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Di(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,as(e,t,o))}function Fi(e,t,n,r,o,a){if(null===e){var i=n.type;return"function"!=typeof i||Zl(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Vl(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,zi(e,t,i,r,o,a))}return i=e.child,0==(o&a)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:dr)(o,r)&&e.ref===t.ref)?as(e,t,a):(t.flags|=1,(e=Gl(i,r)).ref=t.ref,e.return=t,t.child=e)}function zi(e,t,n,r,o,a){if(null!==e&&dr(e.memoizedProps,r)&&e.ref===t.ref){if(Mi=!1,0==(a&o))return t.lanes=e.lanes,as(e,t,a);0!=(16384&e.flags)&&(Mi=!0)}return qi(e,t,n,r,a)}function Ui(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},xl(t,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},xl(t,e),null;t.memoizedState={baseLanes:0},xl(t,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,xl(t,r);return Di(e,t,o,n),t.child}function $i(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function qi(e,t,n,r,o){var a=ho(n)?go:fo.current;return a=bo(t,a),aa(t,o),n=ii(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Di(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,as(e,t,o))}function Hi(e,t,n,r,o){if(ho(n)){var a=!0;ko(t)}else a=!1;if(aa(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wa(t,n,r),ka(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=ia(c):c=bo(t,c=ho(n)?go:fo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ya(t,i,r,c),sa=!1;var p=t.memoizedState;i.state=p,fa(t,r,i,o),l=t.memoizedState,s!==r||p!==l||mo.current||sa?("function"==typeof u&&(ba(t,n,u,r),l=t.memoizedState),(s=sa||va(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4),r=!1)}else{i=t.stateNode,ca(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:Qo(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=ia(l):l=bo(t,l=ho(n)?go:fo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ya(t,i,r,l),sa=!1,p=t.memoizedState,i.state=p,fa(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||mo.current||sa?("function"==typeof f&&(ba(t,n,f,r),m=t.memoizedState),(c=sa||va(t,n,c,r,p,m,l))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),r=!1)}return Zi(e,t,n,r,a,o)}function Zi(e,t,n,r,o,a){$i(e,t);var i=0!=(64&t.flags);if(!r&&!i)return o&&xo(t,n,!1),as(e,t,a);r=t.stateNode,Ii.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Ca(t,e.child,null,a),t.child=Ca(t,null,s,a)):Di(e,t,s,a),t.memoizedState=r.state,o&&xo(t,n,!0),t.child}function Gi(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),Na(e,t.containerInfo)}var Vi,Wi,Ki,Yi,Qi={dehydrated:null,retryLane:0};function Xi(e,t,n){var r,o=t.pendingProps,a=Da.current,i=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(a|=1),uo(Da,1&a),null===e?(void 0!==o.fallback&&Ha(t),e=o.children,a=o.fallback,i?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,t.lanes=33554432,e):((n=Kl({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=ts(e,t,o.children,o.fallback,n),i=t.child,a=e.child.memoizedState,i.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Qi,o):(n=es(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,r){var o=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Kl(t,o,0,null),n=Wl(n,o,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function es(e,t,n,r){var o=e.child;return e=o.sibling,n=Gl(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function ts(e,t,n,r,o){var a=t.mode,i=e.child;e=i.sibling;var s={mode:"hidden",children:n};return 0==(2&a)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=s,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Gl(i,s),null!==e?r=Gl(e,r):(r=Wl(r,a,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}function ns(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),oa(e.return,t)}function rs(e,t,n,r,o,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o,i.lastEffect=a)}function os(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(Di(e,t,r.children,n),0!=(2&(r=Da.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ns(e,n);else if(19===e.tag)ns(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(uo(Da,r),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Ba(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),rs(t,!1,o,n,a,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Ba(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}rs(t,!0,n,null,a,t.lastEffect);break;case"together":rs(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function as(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Us|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Gl(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Gl(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function is(e,t){if(!Ua)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ss(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return ho(t.type)&&vo(),null;case 3:return Oa(),co(mo),co(fo),Ka(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Ga(t)?t.flags|=4:r.hydrate||(t.flags|=256)),Wi(t),null;case 5:Ma(t);var a=Pa(Ra.current);if(n=t.type,null!==e&&null!=t.stateNode)Ki(e,t,n,r,a),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(i(166));return null}if(e=Pa(Aa.current),Ga(t)){r=t.stateNode,n=t.type;var s=t.memoizedProps;switch(r[Qr]=t,r[Xr]=s,n){case"dialog":Ar("cancel",r),Ar("close",r);break;case"iframe":case"object":case"embed":Ar("load",r);break;case"video":case"audio":for(e=0;e<_r.length;e++)Ar(_r[e],r);break;case"source":Ar("error",r);break;case"img":case"image":case"link":Ar("error",r),Ar("load",r);break;case"details":Ar("toggle",r);break;case"input":ee(r,s),Ar("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!s.multiple},Ar("invalid",r);break;case"textarea":le(r,s),Ar("invalid",r)}for(var c in Ee(n,s),e=null,s)s.hasOwnProperty(c)&&(a=s[c],"children"===c?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):l.hasOwnProperty(c)&&null!=a&&"onScroll"===c&&Ar("scroll",r));switch(n){case"input":Y(r),re(r,s,!0);break;case"textarea":Y(r),ue(r);break;case"select":case"option":break;default:"function"==typeof s.onClick&&(r.onclick=Fr)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(c=9===a.nodeType?a:a.ownerDocument,e===de.html&&(e=pe(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(n,{is:r.is}):(e=c.createElement(n),"select"===n&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,n),e[Qr]=t,e[Xr]=r,Vi(e,t,!1,!1),t.stateNode=e,c=Se(n,r),n){case"dialog":Ar("cancel",e),Ar("close",e),a=r;break;case"iframe":case"object":case"embed":Ar("load",e),a=r;break;case"video":case"audio":for(a=0;a<_r.length;a++)Ar(_r[a],e);a=r;break;case"source":Ar("error",e),a=r;break;case"img":case"image":case"link":Ar("error",e),Ar("load",e),a=r;break;case"details":Ar("toggle",e),a=r;break;case"input":ee(e,r),a=J(e,r),Ar("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=o({},r,{value:void 0}),Ar("invalid",e);break;case"textarea":le(e,r),a=se(e,r),Ar("invalid",e);break;default:a=r}Ee(n,a);var u=a;for(s in u)if(u.hasOwnProperty(s)){var d=u[s];"style"===s?ke(e,d):"dangerouslySetInnerHTML"===s?null!=(d=d?d.__html:void 0)&&be(e,d):"children"===s?"string"==typeof d?("textarea"!==n||""!==d)&&he(e,d):"number"==typeof d&&he(e,""+d):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(l.hasOwnProperty(s)?null!=d&&"onScroll"===s&&Ar("scroll",e):null!=d&&y(e,s,d,c))}switch(n){case"input":Y(e),re(e,r,!1);break;case"textarea":Y(e),ue(e);break;case"option":null!=r.value&&e.setAttribute("value",""+W(r.value));break;case"select":e.multiple=!!r.multiple,null!=(s=r.value)?ie(e,!!r.multiple,s,!1):null!=r.defaultValue&&ie(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Fr)}$r(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Yi(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(i(166));n=Pa(Ra.current),Pa(Aa.current),Ga(t)?(r=t.stateNode,n=t.memoizedProps,r[Qr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[Qr]=t,t.stateNode=r)}return null;case 13:return co(Da),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Ga(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Da.current)?0===Bs&&(Bs=3):(0!==Bs&&3!==Bs||(Bs=4),null===Ns||0==(134217727&Us)&&0==(134217727&$s)||vl(Ns,Is))),(r||n)&&(t.flags|=4),null);case 4:return Oa(),Wi(t),null===e&&Rr(t.stateNode.containerInfo),null;case 10:return ra(t),null;case 19:if(co(Da),null===(r=t.memoizedState))return null;if(s=0!=(64&t.flags),null===(c=r.rendering))if(s)is(r,!1);else{if(0!==Bs||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(c=Ba(e))){for(t.flags|=64,is(r,!1),null!==(s=c.updateQueue)&&(t.updateQueue=s,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(s=n).flags&=2,s.nextEffect=null,s.firstEffect=null,s.lastEffect=null,null===(c=s.alternate)?(s.childLanes=0,s.lanes=e,s.child=null,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=c.childLanes,s.lanes=c.lanes,s.child=c.child,s.memoizedProps=c.memoizedProps,s.memoizedState=c.memoizedState,s.updateQueue=c.updateQueue,s.type=c.type,e=c.dependencies,s.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Da,1&Da.current|2),t.child}e=e.sibling}null!==r.tail&&qo()>Gs&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432)}else{if(!s)if(null!==(e=Ba(c))){if(t.flags|=64,s=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),is(r,!0),null===r.tail&&"hidden"===r.tailMode&&!c.alternate&&!Ua)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*qo()-r.renderingStartTime>Gs&&1073741824!==n&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432);r.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=r.last)?n.sibling=c:t.child=c,r.last=c)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=qo(),n.sibling=null,t=Da.current,uo(Da,s?1&t|2:1&t),n):null;case 23:case 24:return El(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function ls(e){switch(e.tag){case 1:ho(e.type)&&vo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Oa(),co(mo),co(fo),Ka(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ma(e),null;case 13:return co(Da),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Da),null;case 4:return Oa(),null;case 10:return ra(e),null;case 23:case 24:return El(),null;default:return null}}function cs(e,t){try{var n="",r=t;do{n+=G(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o}}function us(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Vi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Wi=function(){},Ki=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Pa(Aa.current);var i,s=null;switch(n){case"input":a=J(e,a),r=J(e,r),s=[];break;case"option":a=ae(e,a),r=ae(e,r),s=[];break;case"select":a=o({},a,{value:void 0}),r=o({},r,{value:void 0}),s=[];break;case"textarea":a=se(e,a),r=se(e,r),s=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Fr)}for(d in Ee(n,r),n=null,a)if(!r.hasOwnProperty(d)&&a.hasOwnProperty(d)&&null!=a[d])if("style"===d){var c=a[d];for(i in c)c.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(l.hasOwnProperty(d)?s||(s=[]):(s=s||[]).push(d,null));for(d in r){var u=r[d];if(c=null!=a?a[d]:void 0,r.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(i in c)!c.hasOwnProperty(i)||u&&u.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in u)u.hasOwnProperty(i)&&c[i]!==u[i]&&(n||(n={}),n[i]=u[i])}else n||(s||(s=[]),s.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(s=s||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(s=s||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(l.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&Ar("scroll",e),s||c===u||(s=[])):"object"==typeof u&&null!==u&&u.$$typeof===I?u.toString():(s=s||[]).push(d,u))}n&&(s=s||[]).push("style",n);var d=s;(t.updateQueue=d)&&(t.flags|=4)}},Yi=function(e,t,n,r){n!==r&&(t.flags|=4)};var ds="function"==typeof WeakMap?WeakMap:Map;function ps(e,t,n){(n=ua(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Ys||(Ys=!0,Qs=r),us(0,t)},n}function fs(e,t,n){(n=ua(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return us(0,t),r(o)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xs?Xs=new Set([this]):Xs.add(this),us(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var ms="function"==typeof WeakSet?WeakSet:Set;function gs(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){zl(e,n)}else t.current=null}function bs(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Qo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Gr(t.stateNode.containerInfo))}throw Error(i(163))}function hs(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Dl(n,e),Ml(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Qo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&ma(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}ma(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&$r(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&kt(n)))))}throw Error(i(163))}function vs(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=ye("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function ws(e,t){if(So&&"function"==typeof So.onCommitFiberUnmount)try{So.onCommitFiberUnmount(Eo,t)}catch(a){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(0!=(4&r))Dl(t,n);else{r=t;try{o()}catch(a){zl(r,a)}}n=n.next}while(n!==e)}break;case 1:if(gs(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(a){zl(t,a)}break;case 5:gs(t);break;case 4:_s(e,t)}}function ys(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function ks(e){return 5===e.tag||3===e.tag||4===e.tag}function xs(e){e:{for(var t=e.return;null!==t;){if(ks(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(i(161))}16&n.flags&&(he(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||ks(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?Es(e,n,t):Ss(e,n,t)}function Es(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Fr));else if(4!==r&&null!==(e=e.child))for(Es(e,t,n),e=e.sibling;null!==e;)Es(e,t,n),e=e.sibling}function Ss(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Ss(e,t,n),e=e.sibling;null!==e;)Ss(e,t,n),e=e.sibling}function _s(e,t){for(var n,r,o=t,a=!1;;){if(!a){a=o.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===o.tag||6===o.tag){e:for(var s=e,l=o,c=l;;)if(ws(s,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===l)break e;for(;null===c.sibling;){if(null===c.return||c.return===l)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}r?(s=n,l=o.stateNode,8===s.nodeType?s.parentNode.removeChild(l):s.removeChild(l)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(ws(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(a=!1)}o.sibling.return=o.return,o=o.sibling}}function Cs(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3==(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Xr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),Se(e,o),t=Se(e,r),o=0;o<a.length;o+=2){var s=a[o],l=a[o+1];"style"===s?ke(n,l):"dangerouslySetInnerHTML"===s?be(n,l):"children"===s?he(n,l):y(n,s,l,t)}switch(e){case"input":ne(n,r);break;case"textarea":ce(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?ie(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?ie(n,!!r.multiple,r.defaultValue,!0):ie(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,kt(n.containerInfo)));case 13:return null!==t.memoizedState&&(Zs=qo(),vs(t.child,!0)),void js(t);case 19:return void js(t);case 23:case 24:return void vs(t,null!==t.memoizedState)}throw Error(i(163))}function js(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new ms),t.forEach((function(t){var r=$l.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Ts(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var As=Math.ceil,Ls=k.ReactCurrentDispatcher,Rs=k.ReactCurrentOwner,Ps=0,Ns=null,Os=null,Is=0,Ms=0,Ds=lo(0),Bs=0,Fs=null,zs=0,Us=0,$s=0,qs=0,Hs=null,Zs=0,Gs=1/0;function Vs(){Gs=qo()+500}var Ws,Ks=null,Ys=!1,Qs=null,Xs=null,Js=!1,el=null,tl=90,nl=[],rl=[],ol=null,al=0,il=null,sl=-1,ll=0,cl=0,ul=null,dl=!1;function pl(){return 0!=(48&Ps)?qo():-1!==sl?sl:sl=qo()}function fl(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Ho()?1:2;if(0===ll&&(ll=zs),0!==Yo.transition){0!==cl&&(cl=null!==Hs?Hs.pendingLanes:0),e=ll;var t=4186112&~cl;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=Ho(),0!=(4&Ps)&&98===e?e=Ft(12,ll):e=Ft(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ll),e}function ml(e,t,n){if(50<al)throw al=0,il=null,Error(i(185));if(null===(e=gl(e,t)))return null;$t(e,t,n),e===Ns&&($s|=t,4===Bs&&vl(e,Is));var r=Ho();1===t?0!=(8&Ps)&&0==(48&Ps)?wl(e):(bl(e,n),0===Ps&&(Vs(),Wo())):(0==(4&Ps)||98!==r&&99!==r||(null===ol?ol=new Set([e]):ol.add(e)),bl(e,n)),Hs=e}function gl(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function bl(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,a=e.expirationTimes,s=e.pendingLanes;0<s;){var l=31-qt(s),c=1<<l,u=a[l];if(-1===u){if(0==(c&r)||0!=(c&o)){u=t,Mt(c);var d=It;a[l]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);s&=~c}if(r=Dt(e,e===Ns?Is:0),t=It,0===r)null!==n&&(n!==Do&&jo(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Do&&jo(n)}15===t?(n=wl.bind(null,e),null===Fo?(Fo=[n],zo=Co(Po,Ko)):Fo.push(n),n=Do):14===t?n=Vo(99,wl.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Vo(n,hl.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function hl(e){if(sl=-1,cl=ll=0,0!=(48&Ps))throw Error(i(327));var t=e.callbackNode;if(Il()&&e.callbackNode!==t)return null;var n=Dt(e,e===Ns?Is:0);if(0===n)return null;var r=n,o=Ps;Ps|=16;var a=Cl();for(Ns===e&&Is===r||(Vs(),Sl(e,r));;)try{Al();break}catch(l){_l(e,l)}if(na(),Ls.current=a,Ps=o,null!==Os?r=0:(Ns=null,Is=0,r=Bs),0!=(zs&$s))Sl(e,0);else if(0!==r){if(2===r&&(Ps|=64,e.hydrate&&(e.hydrate=!1,Gr(e.containerInfo)),0!==(n=Bt(e))&&(r=jl(e,n))),1===r)throw t=Fs,Sl(e,0),vl(e,n),bl(e,qo()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(i(345));case 2:case 5:Pl(e);break;case 3:if(vl(e,n),(62914560&n)===n&&10<(r=Zs+500-qo())){if(0!==Dt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){pl(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Hr(Pl.bind(null,e),r);break}Pl(e);break;case 4:if(vl(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var s=31-qt(n);a=1<<s,(s=r[s])>o&&(o=s),n&=~a}if(n=o,10<(n=(120>(n=qo()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*As(n/1960))-n)){e.timeoutHandle=Hr(Pl.bind(null,e),n);break}Pl(e);break;default:throw Error(i(329))}}return bl(e,qo()),e.callbackNode===t?hl.bind(null,e):null}function vl(e,t){for(t&=~qs,t&=~$s,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-qt(t),r=1<<n;e[n]=-1,t&=~r}}function wl(e){if(0!=(48&Ps))throw Error(i(327));if(Il(),e===Ns&&0!=(e.expiredLanes&Is)){var t=Is,n=jl(e,t);0!=(zs&$s)&&(n=jl(e,t=Dt(e,t)))}else n=jl(e,t=Dt(e,0));if(0!==e.tag&&2===n&&(Ps|=64,e.hydrate&&(e.hydrate=!1,Gr(e.containerInfo)),0!==(t=Bt(e))&&(n=jl(e,t))),1===n)throw n=Fs,Sl(e,0),vl(e,t),bl(e,qo()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Pl(e),bl(e,qo()),null}function yl(e,t){var n=Ps;Ps|=1;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}}function kl(e,t){var n=Ps;Ps&=-2,Ps|=8;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}}function xl(e,t){uo(Ds,Ms),Ms|=t,zs|=t}function El(){Ms=Ds.current,co(Ds)}function Sl(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Zr(n)),null!==Os)for(n=Os.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&vo();break;case 3:Oa(),co(mo),co(fo),Ka();break;case 5:Ma(r);break;case 4:Oa();break;case 13:case 19:co(Da);break;case 10:ra(r);break;case 23:case 24:El()}n=n.return}Ns=e,Os=Gl(e.current,null),Is=Ms=zs=t,Bs=0,Fs=null,qs=$s=Us=0}function _l(e,t){for(;;){var n=Os;try{if(na(),Ya.current=Ri,ni){for(var r=Ja.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ni=!1}if(Xa=0,ti=ei=Ja=null,ri=!1,Rs.current=null,null===n||null===n.return){Bs=1,Fs=t,Os=null;break}e:{var a=e,i=n.return,s=n,l=t;if(t=Is,s.flags|=2048,s.firstEffect=s.lastEffect=null,null!==l&&"object"==typeof l&&"function"==typeof l.then){var c=l;if(0==(2&s.mode)){var u=s.alternate;u?(s.updateQueue=u.updateQueue,s.memoizedState=u.memoizedState,s.lanes=u.lanes):(s.updateQueue=null,s.memoizedState=null)}var d=0!=(1&Da.current),p=i;do{var f;if(f=13===p.tag){var m=p.memoizedState;if(null!==m)f=null!==m.dehydrated;else{var g=p.memoizedProps;f=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(f){var b=p.updateQueue;if(null===b){var h=new Set;h.add(c),p.updateQueue=h}else b.add(c);if(0==(2&p.mode)){if(p.flags|=64,s.flags|=16384,s.flags&=-2981,1===s.tag)if(null===s.alternate)s.tag=17;else{var v=ua(-1,1);v.tag=2,da(s,v)}s.lanes|=1;break e}l=void 0,s=t;var w=a.pingCache;if(null===w?(w=a.pingCache=new ds,l=new Set,w.set(c,l)):void 0===(l=w.get(c))&&(l=new Set,w.set(c,l)),!l.has(s)){l.add(s);var y=Ul.bind(null,a,c,s);c.then(y,y)}p.flags|=4096,p.lanes=t;break e}p=p.return}while(null!==p);l=Error((V(s.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Bs&&(Bs=2),l=cs(l,s),p=i;do{switch(p.tag){case 3:a=l,p.flags|=4096,t&=-t,p.lanes|=t,pa(p,ps(0,a,t));break e;case 1:a=l;var k=p.type,x=p.stateNode;if(0==(64&p.flags)&&("function"==typeof k.getDerivedStateFromError||null!==x&&"function"==typeof x.componentDidCatch&&(null===Xs||!Xs.has(x)))){p.flags|=4096,t&=-t,p.lanes|=t,pa(p,fs(p,a,t));break e}}p=p.return}while(null!==p)}Rl(n)}catch(E){t=E,Os===n&&null!==n&&(Os=n=n.return);continue}break}}function Cl(){var e=Ls.current;return Ls.current=Ri,null===e?Ri:e}function jl(e,t){var n=Ps;Ps|=16;var r=Cl();for(Ns===e&&Is===t||Sl(e,t);;)try{Tl();break}catch(o){_l(e,o)}if(na(),Ps=n,Ls.current=r,null!==Os)throw Error(i(261));return Ns=null,Is=0,Bs}function Tl(){for(;null!==Os;)Ll(Os)}function Al(){for(;null!==Os&&!To();)Ll(Os)}function Ll(e){var t=Ws(e.alternate,e,Ms);e.memoizedProps=e.pendingProps,null===t?Rl(e):Os=t,Rs.current=null}function Rl(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ss(n,t,Ms)))return void(Os=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Ms)||0==(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=ls(t)))return n.flags&=2047,void(Os=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Os=t);Os=t=e}while(null!==t);0===Bs&&(Bs=5)}function Pl(e){var t=Ho();return Go(99,Nl.bind(null,e,t)),null}function Nl(e,t){do{Il()}while(null!==el);if(0!=(48&Ps))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,a=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var s=e.eventTimes,l=e.expirationTimes;0<a;){var c=31-qt(a),u=1<<c;o[c]=0,s[c]=-1,l[c]=-1,a&=~u}if(null!==ol&&0==(24&r)&&ol.has(e)&&ol.delete(e),e===Ns&&(Os=Ns=null,Is=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Ps,Ps|=32,Rs.current=null,zr=Wt,br(s=gr())){if("selectionStart"in s)l={start:s.selectionStart,end:s.selectionEnd};else e:if(l=(l=s.ownerDocument)&&l.defaultView||window,(u=l.getSelection&&l.getSelection())&&0!==u.rangeCount){l=u.anchorNode,a=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{l.nodeType,c.nodeType}catch(C){l=null;break e}var d=0,p=-1,f=-1,m=0,g=0,b=s,h=null;t:for(;;){for(var v;b!==l||0!==a&&3!==b.nodeType||(p=d+a),b!==c||0!==u&&3!==b.nodeType||(f=d+u),3===b.nodeType&&(d+=b.nodeValue.length),null!==(v=b.firstChild);)h=b,b=v;for(;;){if(b===s)break t;if(h===l&&++m===a&&(p=d),h===c&&++g===u&&(f=d),null!==(v=b.nextSibling))break;h=(b=h).parentNode}b=v}l=-1===p||-1===f?null:{start:p,end:f}}else l=null;l=l||{start:0,end:0}}else l=null;Ur={focusedElem:s,selectionRange:l},Wt=!1,ul=null,dl=!1,Ks=r;do{try{Ol()}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);ul=null,Ks=r;do{try{for(s=e;null!==Ks;){var w=Ks.flags;if(16&w&&he(Ks.stateNode,""),128&w){var y=Ks.alternate;if(null!==y){var k=y.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(1038&w){case 2:xs(Ks),Ks.flags&=-3;break;case 6:xs(Ks),Ks.flags&=-3,Cs(Ks.alternate,Ks);break;case 1024:Ks.flags&=-1025;break;case 1028:Ks.flags&=-1025,Cs(Ks.alternate,Ks);break;case 4:Cs(Ks.alternate,Ks);break;case 8:_s(s,l=Ks);var x=l.alternate;ys(l),null!==x&&ys(x)}Ks=Ks.nextEffect}}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);if(k=Ur,y=gr(),w=k.focusedElem,s=k.selectionRange,y!==w&&w&&w.ownerDocument&&mr(w.ownerDocument.documentElement,w)){null!==s&&br(w)&&(y=s.start,void 0===(k=s.end)&&(k=y),"selectionStart"in w?(w.selectionStart=y,w.selectionEnd=Math.min(k,w.value.length)):(k=(y=w.ownerDocument||document)&&y.defaultView||window).getSelection&&(k=k.getSelection(),l=w.textContent.length,x=Math.min(s.start,l),s=void 0===s.end?x:Math.min(s.end,l),!k.extend&&x>s&&(l=s,s=x,x=l),l=fr(w,x),a=fr(w,s),l&&a&&(1!==k.rangeCount||k.anchorNode!==l.node||k.anchorOffset!==l.offset||k.focusNode!==a.node||k.focusOffset!==a.offset)&&((y=y.createRange()).setStart(l.node,l.offset),k.removeAllRanges(),x>s?(k.addRange(y),k.extend(a.node,a.offset)):(y.setEnd(a.node,a.offset),k.addRange(y))))),y=[];for(k=w;k=k.parentNode;)1===k.nodeType&&y.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof w.focus&&w.focus(),w=0;w<y.length;w++)(k=y[w]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Wt=!!zr,Ur=zr=null,e.current=n,Ks=r;do{try{for(w=e;null!==Ks;){var E=Ks.flags;if(36&E&&hs(w,Ks.alternate,Ks),128&E){y=void 0;var S=Ks.ref;if(null!==S){var _=Ks.stateNode;Ks.tag,y=_,"function"==typeof S?S(y):S.current=y}}Ks=Ks.nextEffect}}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);Ks=null,Bo(),Ps=o}else e.current=n;if(Js)Js=!1,el=e,tl=t;else for(Ks=r;null!==Ks;)t=Ks.nextEffect,Ks.nextEffect=null,8&Ks.flags&&((E=Ks).sibling=null,E.stateNode=null),Ks=t;if(0===(r=e.pendingLanes)&&(Xs=null),1===r?e===il?al++:(al=0,il=e):al=0,n=n.stateNode,So&&"function"==typeof So.onCommitFiberRoot)try{So.onCommitFiberRoot(Eo,n,void 0,64==(64&n.current.flags))}catch(C){}if(bl(e,qo()),Ys)throw Ys=!1,e=Qs,Qs=null,e;return 0!=(8&Ps)||Wo(),null}function Ol(){for(;null!==Ks;){var e=Ks.alternate;dl||null===ul||(0!=(8&Ks.flags)?Je(Ks,ul)&&(dl=!0):13===Ks.tag&&Ts(e,Ks)&&Je(Ks,ul)&&(dl=!0));var t=Ks.flags;0!=(256&t)&&bs(e,Ks),0==(512&t)||Js||(Js=!0,Vo(97,(function(){return Il(),null}))),Ks=Ks.nextEffect}}function Il(){if(90!==tl){var e=97<tl?97:tl;return tl=90,Go(e,Bl)}return!1}function Ml(e,t){nl.push(t,e),Js||(Js=!0,Vo(97,(function(){return Il(),null})))}function Dl(e,t){rl.push(t,e),Js||(Js=!0,Vo(97,(function(){return Il(),null})))}function Bl(){if(null===el)return!1;var e=el;if(el=null,0!=(48&Ps))throw Error(i(331));var t=Ps;Ps|=32;var n=rl;rl=[];for(var r=0;r<n.length;r+=2){var o=n[r],a=n[r+1],s=o.destroy;if(o.destroy=void 0,"function"==typeof s)try{s()}catch(c){if(null===a)throw Error(i(330));zl(a,c)}}for(n=nl,nl=[],r=0;r<n.length;r+=2){o=n[r],a=n[r+1];try{var l=o.create;o.destroy=l()}catch(c){if(null===a)throw Error(i(330));zl(a,c)}}for(l=e.current.firstEffect;null!==l;)e=l.nextEffect,l.nextEffect=null,8&l.flags&&(l.sibling=null,l.stateNode=null),l=e;return Ps=t,Wo(),!0}function Fl(e,t,n){da(e,t=ps(0,t=cs(n,t),1)),t=pl(),null!==(e=gl(e,1))&&($t(e,1,t),bl(e,t))}function zl(e,t){if(3===e.tag)Fl(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Fl(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xs||!Xs.has(r))){var o=fs(n,e=cs(t,e),1);if(da(n,o),o=pl(),null!==(n=gl(n,1)))$t(n,1,o),bl(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xs||!Xs.has(r)))try{r.componentDidCatch(t,e)}catch(a){}break}}n=n.return}}function Ul(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=pl(),e.pingedLanes|=e.suspendedLanes&n,Ns===e&&(Is&n)===n&&(4===Bs||3===Bs&&(62914560&Is)===Is&&500>qo()-Zs?Sl(e,0):qs|=n),bl(e,t)}function $l(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Ho()?1:2:(0===ll&&(ll=zs),0===(t=zt(62914560&~ll))&&(t=4194304))),n=pl(),null!==(e=gl(e,t))&&($t(e,t,n),bl(e,n))}function ql(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Hl(e,t,n,r){return new ql(e,t,n,r)}function Zl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Gl(e,t){var n=e.alternate;return null===n?((n=Hl(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Vl(e,t,n,r,o,a){var s=2;if(r=e,"function"==typeof e)Zl(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case S:return Wl(n.children,o,a,t);case M:s=8,o|=16;break;case _:s=8,o|=1;break;case C:return(e=Hl(12,n,t,8|o)).elementType=C,e.type=C,e.lanes=a,e;case L:return(e=Hl(13,n,t,o)).type=L,e.elementType=L,e.lanes=a,e;case R:return(e=Hl(19,n,t,o)).elementType=R,e.lanes=a,e;case D:return Kl(n,o,a,t);case B:return(e=Hl(24,n,t,o)).elementType=B,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case j:s=10;break e;case T:s=9;break e;case A:s=11;break e;case P:s=14;break e;case N:s=16,r=null;break e;case O:s=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Hl(s,n,t,o)).elementType=e,t.type=r,t.lanes=a,t}function Wl(e,t,n,r){return(e=Hl(7,e,r,t)).lanes=n,e}function Kl(e,t,n,r){return(e=Hl(23,e,r,t)).elementType=D,e.lanes=n,e}function Yl(e,t,n){return(e=Hl(6,e,null,t)).lanes=n,e}function Ql(e,t,n){return(t=Hl(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xl(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Ut(0),this.expirationTimes=Ut(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ut(0),this.mutableSourceEagerHydrationData=null}function Jl(e,t,n,r){var o=t.current,a=pl(),s=fl(o);e:if(n){t:{if(Ke(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(ho(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);throw Error(i(171))}if(1===n.tag){var c=n.type;if(ho(c)){n=yo(n,c,l);break e}}n=l}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=ua(a,s)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),da(o,t),ml(o,s,a),s}function ec(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function tc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function nc(e,t){tc(e,t),(e=e.alternate)&&tc(e,t)}function rc(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xl(e,t,null!=n&&!0===n.hydrate),t=Hl(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,la(t),e[Jr]=n.current,Rr(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function oc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function ac(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a._internalRoot;if("function"==typeof o){var s=o;o=function(){var e=ec(i);s.call(e)}}Jl(t,i,e,o)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new rc(e,0,t?{hydrate:!0}:void 0)}(n,r),i=a._internalRoot,"function"==typeof o){var l=o;o=function(){var e=ec(i);l.call(e)}}kl((function(){Jl(t,i,e,o)}))}return ec(i)}function ic(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!oc(t))throw Error(i(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:E,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Ws=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||mo.current)Mi=!0;else{if(0==(n&r)){switch(Mi=!1,t.tag){case 3:Gi(t),Va();break;case 5:Ia(t);break;case 1:ho(t.type)&&ko(t);break;case 4:Na(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;uo(Xo,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(uo(Da,1&Da.current),null!==(t=as(e,t,n))?t.sibling:null);uo(Da,1&Da.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return os(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Da,Da.current),r)break;return null;case 23:case 24:return t.lanes=0,Ui(e,t,n)}return as(e,t,n)}Mi=0!=(16384&e.flags)}else Mi=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=bo(t,fo.current),aa(t,n),o=ii(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,ho(r)){var a=!0;ko(t)}else a=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,la(t);var s=r.getDerivedStateFromProps;"function"==typeof s&&ba(t,r,s,e),o.updater=ha,t.stateNode=o,o._reactInternals=t,ka(t,r,e,n),t=Zi(null,t,r,!0,a,n)}else t.tag=0,Di(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(a=o._init)(o._payload),t.type=o,a=t.tag=function(e){if("function"==typeof e)return Zl(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(o),e=Qo(o,e),a){case 0:t=qi(null,t,o,e,n);break e;case 1:t=Hi(null,t,o,e,n);break e;case 11:t=Bi(null,t,o,e,n);break e;case 14:t=Fi(null,t,o,Qo(o.type,e),r,n);break e}throw Error(i(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,qi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 1:return r=t.type,o=t.pendingProps,Hi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 3:if(Gi(t),r=t.updateQueue,null===e||null===r)throw Error(i(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ca(e,t),fa(t,r,null,n),(r=t.memoizedState.element)===o)Va(),t=as(e,t,n);else{if((a=(o=t.stateNode).hydrate)&&(za=Vr(t.stateNode.containerInfo.firstChild),Fa=t,a=Ua=!0),a){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(a=e[o])._workInProgressVersionPrimary=e[o+1],Wa.push(a);for(n=ja(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Di(e,t,r,n),Va();t=t.child}return t;case 5:return Ia(t),null===e&&Ha(t),r=t.type,o=t.pendingProps,a=null!==e?e.memoizedProps:null,s=o.children,qr(r,o)?s=null:null!==a&&qr(r,a)&&(t.flags|=16),$i(e,t),Di(e,t,s,n),t.child;case 6:return null===e&&Ha(t),null;case 13:return Xi(e,t,n);case 4:return Na(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ca(t,null,r,n):Di(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Bi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 7:return Di(e,t,t.pendingProps,n),t.child;case 8:case 12:return Di(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,s=t.memoizedProps,a=o.value;var l=t.type._context;if(uo(Xo,l._currentValue),l._currentValue=a,null!==s)if(l=s.value,0===(a=cr(l,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,a):1073741823))){if(s.children===o.children&&!mo.current){t=as(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){var c=l.dependencies;if(null!==c){s=l.child;for(var u=c.firstContext;null!==u;){if(u.context===r&&0!=(u.observedBits&a)){1===l.tag&&((u=ua(-1,n&-n)).tag=2,da(l,u)),l.lanes|=n,null!==(u=l.alternate)&&(u.lanes|=n),oa(l.return,n),c.lanes|=n;break}u=u.next}}else s=10===l.tag&&l.type===t.type?null:l.child;if(null!==s)s.return=l;else for(s=l;null!==s;){if(s===t){s=null;break}if(null!==(l=s.sibling)){l.return=s.return,s=l;break}s=s.return}l=s}Di(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(a=t.pendingProps).children,aa(t,n),r=r(o=ia(o,a.unstable_observedBits)),t.flags|=1,Di(e,t,r,n),t.child;case 14:return a=Qo(o=t.type,t.pendingProps),Fi(e,t,o,a=Qo(o.type,a),r,n);case 15:return zi(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Qo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,ho(r)?(e=!0,ko(t)):e=!1,aa(t,n),wa(t,r,o),ka(t,r,o,n),Zi(null,t,r,!0,e,n);case 19:return os(e,t,n);case 23:case 24:return Ui(e,t,n)}throw Error(i(156,t.tag))},rc.prototype.render=function(e){Jl(e,this._internalRoot,null,null)},rc.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Jl(null,e,null,(function(){t[Jr]=null}))},et=function(e){13===e.tag&&(ml(e,4,pl()),nc(e,4))},tt=function(e){13===e.tag&&(ml(e,67108864,pl()),nc(e,67108864))},nt=function(e){if(13===e.tag){var t=pl(),n=fl(e);ml(e,n,t),nc(e,n)}},rt=function(e,t){return t()},Ce=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=oo(r);if(!o)throw Error(i(90));Q(r),ne(r,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Pe=yl,Ne=function(e,t,n,r,o){var a=Ps;Ps|=4;try{return Go(98,e.bind(null,t,n,r,o))}finally{0===(Ps=a)&&(Vs(),Wo())}},Oe=function(){0==(49&Ps)&&(function(){if(null!==ol){var e=ol;ol=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,bl(e,qo())}))}Wo()}(),Il())},Ie=function(e,t){var n=Ps;Ps|=2;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}};var sc={Events:[no,ro,oo,Le,Re,Il,{current:!1}]},lc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cc={bundleType:lc.bundleType,version:lc.version,rendererPackageName:lc.rendererPackageName,rendererConfig:lc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Xe(e))?null:e.stateNode},findFiberByHostInstance:lc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var uc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!uc.isDisabled&&uc.supportsFiber)try{Eo=uc.inject(cc),So=uc}catch(ge){}}t.createPortal=ic,t.hydrate=function(e,t,n){if(!oc(t))throw Error(i(200));return ac(null,e,t,!0,n)}},3935:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(4448)},9590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},405:(e,t,n)=>{"use strict";n.d(t,{B6:()=>Z,ql:()=>J});var r=n(7294),o=n(5697),a=n.n(o),i=n(9590),s=n.n(i),l=n(1143),c=n.n(l),u=n(6774),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var b={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},h={rel:["amphtml","canonical","alternate"]},v={type:["application/ld+json"]},w={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},y=Object.keys(b).map((function(e){return b[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),E=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},S=function(e){var t=E(e,b.TITLE),n=E(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=E(e,"defaultTitle");return t||r||void 0},_=function(e){return E(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[b.BASE]})).map((function(e){return e[b.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},T=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},L=function(e){return Array.isArray(e)?e.join(""):e},R=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},P=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},N=[b.NOSCRIPT,b.SCRIPT,b.STYLE],O=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},I=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},M=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},D=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},B=function(e,t,n){switch(e){case b.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=M(n,o),[r.createElement(b.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=I(n),a=L(t);return o?"<"+e+' data-rh="true" '+o+">"+O(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+O(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return M(t)},toString:function(){return I(t)}};default:return{toComponent:function(){return D(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+O(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===N.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=R(e.metaTags,w),a=R(t,h),i=R(n,v);return{priorityMethods:{toComponent:function(){return[].concat(D(b.META,o.priority),D(b.LINK,a.priority),D(b.SCRIPT,i.priority))},toString:function(){return B(b.META,o.priority,r)+" "+B(b.LINK,a.priority,r)+" "+B(b.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:B(b.BASE,t,r),bodyAttributes:B("bodyAttributes",n,r),htmlAttributes:B("htmlAttributes",o,r),link:B(b.LINK,u,r),meta:B(b.META,d,r),noscript:B(b.NOSCRIPT,a,r),script:B(b.SCRIPT,p,r),style:B(b.STYLE,i,r),title:B(b.TITLE,{title:l,titleAttributes:c},r)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=r.createContext({}),q=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,Z=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);Z.canUseDOM=H,Z.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},Z.defaultProps={context:{}},Z.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(b.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(b.BODY,e.bodyAttributes),V(b.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=L(e)),V(b.TITLE,t)}(u,d);var p={baseTag:G(b.BASE,n),linkTags:G(b.LINK,o),metaTags:G(b.META,a),noscriptTags:G(b.NOSCRIPT,i),scriptTags:G(b.SCRIPT,l),styleTags:G(b.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},K=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:E(e,"defer"),encode:E(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:T(b.LINK,["rel","href"],e),metaTags:T(b.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:T(b.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:T(b.SCRIPT,["src","innerHTML"],e),styleTags:T(b.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});Z.canUseDOM?(t=a,K&&cancelAnimationFrame(K),t.defer?K=requestAnimationFrame((function(){W(t,(function(){K=null}))})):(W(t),K=null)):F&&(o=F(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var Q=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(P(this.props,"helmetData"),P(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case b.SCRIPT:case b.NOSCRIPT:return{innerHTML:t};case b.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case b.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case b.BODY:return p({},o,{bodyAttributes:p({},a)});case b.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(y.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+y.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=g(r,Q),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case b.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case b.LINK:case b.META:case b.NOSCRIPT:case b.SCRIPT:case b.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,X),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement($.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},9921:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,h=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,w=n?Symbol.for("react.responder"):60118,y=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case b:case g:case l:return e;default:return t}}case o:return t}}}function x(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=b,t.Memo=g,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||k(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===b},t.isMemo=function(e){return k(e)===g},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===g||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===v||e.$$typeof===w||e.$$typeof===y||e.$$typeof===h)},t.typeOf=k},9864:(e,t,n)=>{"use strict";e.exports=n(9921)},8356:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(7294),l=n(5697),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function b(){return g||(g=e(m.loader)),g.promise}return c.push(b),"function"==typeof m.webpack&&u.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return b()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),b(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return b()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextTypes",{loadable:l.shape({report:l.func.isRequired})}),p}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var b=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return s.Children.only(this.props.children)},t}(s.Component);function h(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return h(e)}))}a(b,"propTypes",{report:l.func.isRequired}),a(b,"childContextTypes",{loadable:l.shape({report:l.func.isRequired}).isRequired}),g.Capture=b,g.preloadAll=function(){return new Promise((function(e,t){h(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){h(u).then(e,e)}))},e.exports=g},8790:(e,t,n)=>{"use strict";n.d(t,{H:()=>s,f:()=>i});var r=n(6550),o=n(7462),a=n(7294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.LX)(t,e):n.length?n[n.length-1].match:r.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.rs,n,e.map((function(e,n){return a.createElement(r.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},3727:(e,t,n)=>{"use strict";n.d(t,{OL:()=>w,VK:()=>u,rU:()=>b});var r=n(6550),o=n(5068),a=n(7294),i=n(9318),s=n(7462),l=n(3366),c=n(8776),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);a.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=f!==m&&t||n,a.createElement("a",u)}));var b=m((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,b=e.to,h=e.innerRef,v=(0,l.Z)(e,["component","replace","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,r=p(d(b,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.Z)({},v,{href:l,navigate:function(){var t=d(b,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||r?n.replace:n.push)(t)}});return f!==m?g.ref=t||h:g.innerRef=h,a.createElement(o,g)}))})),h=function(e){return e},v=a.forwardRef;void 0===v&&(v=h);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,m=e.className,g=e.exact,w=e.isActive,y=e.location,k=e.sensitive,x=e.strict,E=e.style,S=e.to,_=e.innerRef,C=(0,l.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=y||e.location,i=p(d(S,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=j?(0,r.LX)(n.pathname,{path:j,exact:g,sensitive:k,strict:x}):null,A=!!(w?w(T,n):T),L="function"==typeof m?m(A):m,R="function"==typeof E?E(A):E;A&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,u),R=(0,s.Z)({},R,f));var P=(0,s.Z)({"aria-current":A&&o||null,className:L,style:R,to:i},C);return h!==v?P.ref=t||_:P.innerRef=_,a.createElement(b,P)}))}))},6550:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>w,LX:()=>E,TH:()=>N,k6:()=>P,rs:()=>L,s6:()=>v});var r=n(5068),o=n(7294),a=n(5697),i=n.n(a),s=n(9318),l=n(8776),c=n(7462),u=n(4779),d=n.n(u),p=(n(9864),n(3366)),f=(n(8679),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},b=function(e){var t=g();return t.displayName=e,t},h=b("Router-History"),v=b("Router"),w=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(v.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(h.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var y={},k=1e4,x=0;function E(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=y[n]||(y[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<k&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,l.Z)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?E(n.pathname,e.props):t.match,a=(0,c.Z)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(v.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.Ep)(e)}function T(e){return function(){(0,l.Z)(!1)}}function A(){}o.Component;var L=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,l.Z)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?E(a.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var R=o.useContext;function P(){return R(h)}function N(){return R(v).location}},2408:(e,t,n)=>{"use strict";var r=n(7418),o=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,s=60110,l=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),a=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),s=d("react.context"),l=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var p="function"==typeof Symbol&&Symbol.iterator;function f(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function h(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(f(85));this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=b.prototype;var w=v.prototype=new h;w.constructor=v,r(w,b.prototype),w.isPureReactComponent=!0;var y={current:null},k=Object.prototype.hasOwnProperty,x={key:!0,ref:!0,__self:!0,__source:!0};function E(e,t,n){var r,a={},i=null,s=null;if(null!=t)for(r in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!x.hasOwnProperty(r)&&(a[r]=t[r]);var l=arguments.length-2;if(1===l)a.children=n;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===a[r]&&(a[r]=l[r]);return{$$typeof:o,type:e,key:i,ref:s,props:a,_owner:y.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var _=/\/+/g;function C(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function j(e,t,n,r,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case o:case a:l=!0}}if(l)return i=i(l=e),e=""===r?"."+C(l,0):r,Array.isArray(i)?(n="",null!=e&&(n=e.replace(_,"$&/")+"/"),j(i,t,n,"",(function(e){return e}))):null!=i&&(S(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(_,"$&/")+"/")+e)),t.push(i)),1;if(l=0,r=""===r?".":r+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=r+C(s=e[c],c);l+=j(s,t,n,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=j(s=s.value,t,n,u=r+C(s,c++),i);else if("object"===s)throw t=""+e,Error(f(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return j(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function A(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function R(){var e=L.current;if(null===e)throw Error(f(321));return e}var P={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:y,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error(f(143));return e}},t.Component=b,t.PureComponent=v,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=P,t.cloneElement=function(e,t,n){if(null==e)throw Error(f(267,e));var a=r({},e.props),i=e.key,s=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(s=t.ref,l=y.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)k.call(t,u)&&!x.hasOwnProperty(u)&&(a[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)a.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];a.children=c}return{$$typeof:o,type:e.type,key:i,ref:s,props:a,_owner:l}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:s,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=E,t.createFactory=function(e){var t=E.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:l,render:e}},t.isValidElement=S,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:A}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return R().useCallback(e,t)},t.useContext=function(e,t){return R().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return R().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return R().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return R().useLayoutEffect(e,t)},t.useMemo=function(e,t){return R().useMemo(e,t)},t.useReducer=function(e,t,n){return R().useReducer(e,t,n)},t.useRef=function(e){return R().useRef(e)},t.useState=function(e){return R().useState(e)},t.version="17.0.2"},7294:(e,t,n)=>{"use strict";e.exports=n(2408)},53:(e,t)=>{"use strict";var n,r,o,a;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},r=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,f=window.clearTimeout;if("undefined"!=typeof console){var m=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,b=null,h=-1,v=5,w=0;t.unstable_shouldYield=function(){return t.unstable_now()>=w},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):v=0<e?Math.floor(1e3/e):5};var y=new MessageChannel,k=y.port2;y.port1.onmessage=function(){if(null!==b){var e=t.unstable_now();w=e+v;try{b(!0,e)?k.postMessage(null):(g=!1,b=null)}catch(n){throw k.postMessage(null),n}}else g=!1},n=function(e){b=e,g||(g=!0,k.postMessage(null))},r=function(e,n){h=p((function(){e(t.unstable_now())}),n)},o=function(){f(h),h=-1}}function x(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<_(o,t)))break e;e[r]=t,e[n]=o,n=r}}function E(e){return void 0===(e=e[0])?null:e}function S(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var a=2*(r+1)-1,i=e[a],s=a+1,l=e[s];if(void 0!==i&&0>_(i,n))void 0!==l&&0>_(l,i)?(e[r]=l,e[s]=n,r=s):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==l&&0>_(l,n)))break e;e[r]=l,e[s]=n,r=s}}}return t}return null}function _(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var C=[],j=[],T=1,A=null,L=3,R=!1,P=!1,N=!1;function O(e){for(var t=E(j);null!==t;){if(null===t.callback)S(j);else{if(!(t.startTime<=e))break;S(j),t.sortIndex=t.expirationTime,x(C,t)}t=E(j)}}function I(e){if(N=!1,O(e),!P)if(null!==E(C))P=!0,n(M);else{var t=E(j);null!==t&&r(I,t.startTime-e)}}function M(e,n){P=!1,N&&(N=!1,o()),R=!0;var a=L;try{for(O(n),A=E(C);null!==A&&(!(A.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=A.callback;if("function"==typeof i){A.callback=null,L=A.priorityLevel;var s=i(A.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?A.callback=s:A===E(C)&&S(C),O(n)}else S(C);A=E(C)}if(null!==A)var l=!0;else{var c=E(j);null!==c&&r(I,c.startTime-n),l=!1}return l}finally{A=null,L=a,R=!1}}var D=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){P||R||(P=!0,n(M))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return E(C)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=D,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,a,i){var s=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?s+i:s:i=s,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:T++,callback:a,priorityLevel:e,startTime:i,expirationTime:l=i+l,sortIndex:-1},i>s?(e.sortIndex=i,x(j,e),null===E(C)&&e===E(j)&&(N?o():N=!0,r(I,i-s))):(e.sortIndex=l,x(C,e),P||R||(P=!0,n(M))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},3840:(e,t,n)=>{"use strict";e.exports=n(53)},6774:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},3250:(e,t,n)=>{"use strict";var r=n(7294);var o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useState,i=r.useEffect,s=r.useLayoutEffect,l=r.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!o(e,n)}catch(r){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=a({inst:{value:n,getSnapshot:t}}),o=r[0].inst,u=r[1];return s((function(){o.value=n,o.getSnapshot=t,c(o)&&u({inst:o})}),[e,n,t]),i((function(){return c(o)&&u({inst:o}),e((function(){c(o)&&u({inst:o})}))}),[e]),l(n),n};t.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:u},1688:(e,t,n)=>{"use strict";e.exports=n(3250)},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"TCET Open Source",tagline:"Official Website of TCET Open Source",favicon:"img/favicon.ico?v=3",url:"https://opensource.tcetmumbai.in",baseUrl:"/",organizationName:"tcet-opensource",projectName:"documentation",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:{sidebarPath:"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\sidebars.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0,sidebarCollapsible:!0,breadcrumbs:!0,editUrl:"https://github.com/tcet-opensource/documentation/edit/main/"},blog:{showReadingTime:!0,blogTitle:"Blogs",blogDescription:"TCET Open Source Blogging Page",blogSidebarCount:"ALL",postsPerPage:3,truncateMarker:{}},theme:{customCss:"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\src\\css\\custom.css"}}]],themeConfig:{image:"img/banner.png",docs:{sidebar:{autoCollapseCategories:!0,hideable:!0},versionPersistence:"localStorage"},metadata:[{name:"TCET Open Source",content:"Empowering students via Open Source, in Education"}],announcementBar:{id:"hacktoberfest23",content:'Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a>',backgroundColor:"#451d84",textColor:"#ffffff",isCloseable:!0},navbar:{hideOnScroll:!0,title:"TCET Open Source",logo:{alt:"TCET Open Source Logo",src:"img/logo.png"},items:[{type:"doc",docId:"about-tcetopensource",sidebarId:"docs",position:"left",label:"Docs"},{to:"/blog",label:"Blog",position:"left"},{href:"https://github.com/tcet-opensource","aria-label":"GitHub",html:'<svg\n stroke="currentColor"\n fill="currentColor"\n stroke-width="0"\n viewBox="0 0 496 512"\n height="22"\n width="22"\n xmlns="http://www.w3.org/2000/svg">\n <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>\n </svg>',position:"right"},{href:"https://twitter.com/tcetopensource","aria-label":"Twitter",html:'<svg \n stroke="currentColor" \n fill="currentColor" \n stroke-width="0" \n viewBox="0 0 512 512" \n height="22" width="22" \n xmlns="http://www.w3.org/2000/svg">\n <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>\n </svg>',position:"right"},{href:"https://discord.gg/r7ZhAREg2M","aria-label":"Discord",html:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg>',position:"right"},{href:"https://www.instagram.com/tcetopensource/","aria-label":"Instagram",html:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg>',position:"right"},{href:"https://www.youtube.com/@tcetopensource","aria-label":"YouTube",html:'<svg \n stroke="currentColor" \n fill="currentColor" \n stroke-width="0" \n viewBox="0 0 600 600" \n height="25" width="25" \n xmlns="http://www.w3.org/2000/svg">\n <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path>\n </svg>',position:"right"},{type:"search",position:"right"}]},algolia:{apiKey:"066a2ed9cfc332fb09112a9059ccdbf7",appId:"QFLBKAUEYJ",indexName:"tcetopensource",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},footer:{style:"dark",links:[{title:"About",items:[{label:"TCET Open Source",to:"/docs/about-tcetopensource"},{label:"Docs Website",to:"/docs/projects/docs-site/about-docs"},{label:"T&P Website",to:"/docs/projects/tnp-website/about-tnp-website"},{label:"TCET Linux",to:"/docs/projects/tcet-linux/about-tcet-linux"}]},{title:"More",items:[{label:"Blogs",to:"/blog"},{label:"Workflows",to:"/docs/category/workflows"}]},{title:"Community",items:[{label:"Github",to:"https://github.com/tcet-opensource/documentation"},{label:"Discord",to:"https://discord.gg/r7ZhAREg2M"}]},{title:"Connect with us",items:[{label:"Instagram",to:"https://www.instagram.com/tcetopensource/ "},{label:"Twitter",to:"https://twitter.com/tcetopensource"},{label:"LinkedIn",to:"https://www.linkedin.com/company/tcet-opensource/mycompany/"}]}],copyright:"Copyright \xa9 2023 TCET Open Source."},prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},colorMode:{defaultMode:"light",disableSwitch:!1,respectPrefersColorScheme:!1},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",staticDirectories:["static"],customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{mermaid:!1}}},7462:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:()=>r})},5068:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:()=>o})},3366:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>r})},8776:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},7529:e=>{"use strict";e.exports={}},6887:e=>{"use strict";e.exports=JSON.parse('{"/blog-16f":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"},{"content":"f21b70b1"},{"content":"a977d5d4"}],"metadata":"b2b675dd"},"/blog/archive-fa2":{"__comp":"9e4087bc","__context":{"plugin":"ecb97aab"},"archive":"b2f554cd"},"/blog/blog-posting-guidelines-17a":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"126747ee"},"/blog/breaking-the-ice-open-source-62f":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"bb19e508"},"/blog/Cloud-gaming-c80":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"f7c79d71"},"/blog/CNCF-Zero-to-Merge-b70":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"720401d8"},"/blog/dive-into-web-design-88b":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"918c5d55"},"/blog/intro-to-artificial-intelligence-cbd":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"2243869d"},"/blog/intro-to-blockchain-4c6":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"6ee5f2ba"},"/blog/intro-to-cloud-computing-3d5":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"3efe186d"},"/blog/intro-to-react-js-2c2":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"0f9e71a3"},"/blog/introduction-to-api-ce1":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"07e2df72"},"/blog/linux-basics-58f":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"970d58c3"},"/blog/page/2-da5":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"},{"content":"361aeaff"},{"content":"ad4ba58a"}],"metadata":"8eb4e46b"},"/blog/page/3-216":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"cb345c93"},{"content":"7f7940a1"}],"metadata":"92999a1c"},"/blog/page/4-88d":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"},{"content":"6c7ec1b6"},{"content":"6b040dea"}],"metadata":"7d9726a8"},"/blog/page/5-164":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"},{"content":"145b2738"},{"content":"1217cc9a"}],"metadata":"11ce4159"},"/blog/page/6-9f2":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"093d5119"}],"metadata":"44ac4dbb"},"/blog/rotaract-club-of-tcet-c11":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"b86fb017"},"/blog/tags-e04":{"__comp":"01a85c17","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","tags":"a7023ddc"},"/blog/tags/ai-4f0":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"7f7940a1"},{"content":"6c7ec1b6"}],"tag":"f32fe326","listMetadata":"ab4c6d72"},"/blog/tags/api-b04":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"6d453d64","listMetadata":"0be9de06"},"/blog/tags/artificial-intelligence-799":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"180aea8b","listMetadata":"e943ec5e"},"/blog/tags/authentication-5b5":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"9475880e","listMetadata":"56e32e60"},"/blog/tags/automation-747":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"f21b70b1"},{"content":"545cb3af"}],"tag":"4bd5fd33","listMetadata":"0abe3c97"},"/blog/tags/blockchain-bd8":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"}],"tag":"468416a0","listMetadata":"70ad3ff0"},"/blog/tags/cli-b25":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"e6c44b2b","listMetadata":"6c601b0f"},"/blog/tags/cloud-555":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"f3543915","listMetadata":"b1513dc1"},"/blog/tags/cloud-computing-2ee":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"}],"tag":"277a8968","listMetadata":"23449821"},"/blog/tags/cncf-dcc":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"d530b40c","listMetadata":"28d37a26"},"/blog/tags/community-b27":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"69b09ea9","listMetadata":"afaff11a"},"/blog/tags/css-7e9":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"ce974d64","listMetadata":"018d5104"},"/blog/tags/cultural-858":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"9d67aca7","listMetadata":"3bcb60ef"},"/blog/tags/cyberpunk-700":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"0b770e5c","listMetadata":"011e0067"},"/blog/tags/data-bf5":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"},{"content":"545cb3af"},{"content":"1217cc9a"}],"tag":"332c576c","listMetadata":"e0eb994a"},"/blog/tags/data-extraction-ada":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"f21b70b1"}],"tag":"2455eea8","listMetadata":"829ce8eb"},"/blog/tags/data-science-3ca":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"5fcc37c8","listMetadata":"6068a052"},"/blog/tags/editorial-0e8":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"77b704ef","listMetadata":"e40d9651"},"/blog/tags/free-e3b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"093d5119"}],"tag":"13c191f5","listMetadata":"2f43b7b8"},"/blog/tags/frontend-654":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"c6f71f2b","listMetadata":"99a66f7b"},"/blog/tags/gaming-d0d":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"dff928e6","listMetadata":"c5e81cca"},"/blog/tags/html-775":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"d1c21ad3","listMetadata":"5892662e"},"/blog/tags/integration-481":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"4e20cbbc","listMetadata":"5e729dc7"},"/blog/tags/jsx-cd7":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"4e5f1ca0","listMetadata":"2ca153c8"},"/blog/tags/linux-87f":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"dd5bc5cd","listMetadata":"70c84758"},"/blog/tags/machine-learning-4c3":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"bece1fcc","listMetadata":"cda22062"},"/blog/tags/mental-model-dbb":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"b2709843","listMetadata":"8b916fa8"},"/blog/tags/mind-benders-cbd":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"7f7940a1"},{"content":"6c7ec1b6"}],"tag":"cf5983a7","listMetadata":"2d2f753f"},"/blog/tags/nvidia-4c1":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"ad24ee66","listMetadata":"c689f34a"},"/blog/tags/open-4fe":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"093d5119"}],"tag":"f7646656","listMetadata":"9d13a154"},"/blog/tags/open-source-bad":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"51e4ac6f","listMetadata":"bdff1965"},"/blog/tags/react-js-6b1":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"9a413aa3","listMetadata":"183d06d0"},"/blog/tags/resonsiveness-80b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"a36811df","listMetadata":"c7135589"},"/blog/tags/social-b72":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"f2544e3f","listMetadata":"42cfb5d4"},"/blog/tags/software-529":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"},{"content":"361aeaff"},{"content":"cb345c93"}],"tag":"8128ed27","listMetadata":"7797872e"},"/blog/tags/software/page/2-186":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"},{"content":"093d5119"}],"tag":"249c34a0","listMetadata":"cbafb38b"},"/blog/tags/source-a5f":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"1217cc9a"},{"content":"093d5119"}],"tag":"5b4d43ff","listMetadata":"16ea2389"},"/blog/tags/technology-0b4":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"}],"tag":"55207995","listMetadata":"d7f54ba9"},"/blog/tags/terminal-17b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"52961045","listMetadata":"25db3e58"},"/blog/tags/tmai-776":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"7f7940a1"},{"content":"6c7ec1b6"}],"tag":"e9fb9b7c","listMetadata":"4b2d8469"},"/blog/tags/tui-490":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"195928cd","listMetadata":"ba8f817c"},"/blog/tags/virtaul-dom-514":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"0ca0adb8","listMetadata":"805a8850"},"/blog/tags/web-crawling-8f6":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"f21b70b1"}],"tag":"bc23c598","listMetadata":"ad8a4f52"},"/blog/tags/web-design-fde":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"92fd5fda","listMetadata":"ad7114c0"},"/blog/tags/zero-to-merge-96a":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"e8564438","listMetadata":"0525c05b"},"/blog/tmai-april-2023-547":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"4732c43b"},"/blog/tmai-june-2023-5c6":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"10221538"},"/blog/tmai-may-2023-ac9":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"203e7aa1"},"/blog/web-crawling-c9b":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"181379b6"},"/search-ef7":{"__comp":"1a4e3797","__context":{"plugin":"8aa54cac"}},"/docs-0f7":{"__comp":"1be78505","__context":{"plugin":"7d0539b1"},"versionMetadata":"935f2afb"},"/docs/about-tcetopensource-a55":{"__comp":"17896441","content":"d2402109"},"/docs/category/projects-efe":{"__comp":"14eb3368","categoryGeneratedIndex":"ee5821a3"},"/docs/category/resources-99b":{"__comp":"14eb3368","categoryGeneratedIndex":"c44c3bbb"},"/docs/category/workflows-13b":{"__comp":"14eb3368","categoryGeneratedIndex":"2e79d8a7"},"/docs/projects/docs-site/about-docs-e12":{"__comp":"17896441","content":"c17206ae"},"/docs/projects/docs-site/getting-started-9cd":{"__comp":"17896441","content":"07d4f3c3"},"/docs/projects/docs-site/navbar/-272":{"__comp":"17896441","content":"c750b51b"},"/docs/projects/docs-site/navbar/adding-items-e26":{"__comp":"17896441","content":"feea2548"},"/docs/projects/docs-site/navbar/adding-links-179":{"__comp":"17896441","content":"73006ab0"},"/docs/projects/docs-site/navbar/search-bar-ed6":{"__comp":"17896441","content":"69c643c0"},"/docs/projects/docs-site/navbar/title-and-logo-152":{"__comp":"17896441","content":"e6bee1e8"},"/docs/projects/docs-site/sidebar/-83a":{"__comp":"17896441","content":"c578a3f6"},"/docs/projects/docs-site/sidebar/adding-categories-74c":{"__comp":"17896441","content":"b3738e59"},"/docs/projects/docs-site/sidebar/adding-items-f3e":{"__comp":"17896441","content":"481fd4dd"},"/docs/projects/docs-site/sidebar/adding-links-c50":{"__comp":"17896441","content":"89d2fbd1"},"/docs/projects/docs-site/sidebar/multiple-sidebars-db4":{"__comp":"17896441","content":"4b95aa7a"},"/docs/projects/fmc-website/about-fmc-website-67b":{"__comp":"17896441","content":"0e701e42"},"/docs/projects/fmc-website/components/button-instructions-7db":{"__comp":"17896441","content":"08c356fe"},"/docs/projects/fmc-website/components/cycle-result-a12":{"__comp":"17896441","content":"0dbc6863"},"/docs/projects/fmc-website/components/defining-cycle-ea9":{"__comp":"17896441","content":"ca576004"},"/docs/projects/fmc-website/components/displaying-cycle-349":{"__comp":"17896441","content":"52cd39ac"},"/docs/projects/fmc-website/components/footer-78e":{"__comp":"17896441","content":"174af344"},"/docs/projects/fmc-website/components/header-help-bd8":{"__comp":"17896441","content":"48b11c83"},"/docs/projects/fmc-website/components/tech-stacks-db4":{"__comp":"17896441","content":"4e7cf029"},"/docs/projects/fmc-website/getting-started-ed1":{"__comp":"17896441","content":"f4acf23e"},"/docs/projects/fmc-website/mathematical-logic/average-df3":{"__comp":"17896441","content":"06d3e07c"},"/docs/projects/fmc-website/mathematical-logic/calculation-5a4":{"__comp":"17896441","content":"e5ed126e"},"/docs/projects/fmc-website/mathematical-logic/checker-c49":{"__comp":"17896441","content":"9c364e92"},"/docs/projects/fmc-website/mathematical-logic/input-handler-f5d":{"__comp":"17896441","content":"56ec2d2a"},"/docs/projects/fmc-website/mathematical-logic/page-interaction-89e":{"__comp":"17896441","content":"e8674cfb"},"/docs/projects/fmc-website/mathematical-logic/perform-a09":{"__comp":"17896441","content":"19077414"},"/docs/projects/fmc-website/mathematical-logic/scripts-eb6":{"__comp":"17896441","content":"a6be9a06"},"/docs/projects/fmc-website/mathematical-logic/table-calculator-5f8":{"__comp":"17896441","content":"a3f8542c"},"/docs/projects/fmc-website/mathematical-logic/table-manager-268":{"__comp":"17896441","content":"07d439e2"},"/docs/projects/fmc-website/mathematical-logic/table-row-updater-e50":{"__comp":"17896441","content":"e1b5da7f"},"/docs/projects/fmc-website/mathematical-logic/table-transformation-bac":{"__comp":"17896441","content":"5bf92320"},"/docs/projects/fmc-website/mathematical-logic/table-updater-cd6":{"__comp":"17896441","content":"829f3b94"},"/docs/projects/resume-screener-website/about-resume-screener-website-ce4":{"__comp":"17896441","content":"42a79876"},"/docs/projects/resume-screener-website/frontend-components/about-us-fb7":{"__comp":"17896441","content":"2e20eea4"},"/docs/projects/resume-screener-website/frontend-components/ats-resume-template-21a":{"__comp":"17896441","content":"0bb967d4"},"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan-62d":{"__comp":"17896441","content":"f09c742d"},"/docs/projects/resume-screener-website/frontend-components/card-d83":{"__comp":"17896441","content":"8f081614"},"/docs/projects/resume-screener-website/frontend-components/footer-f34":{"__comp":"17896441","content":"4303eacb"},"/docs/projects/resume-screener-website/frontend-components/guideline-401":{"__comp":"17896441","content":"336d5e53"},"/docs/projects/resume-screener-website/frontend-components/header-8af":{"__comp":"17896441","content":"dccfcda8"},"/docs/projects/resume-screener-website/frontend-components/hero-070":{"__comp":"17896441","content":"148b302f"},"/docs/projects/resume-screener-website/frontend-components/tech-stacks-9bc":{"__comp":"17896441","content":"b6213d43"},"/docs/projects/resume-screener-website/getting-started-8ad":{"__comp":"17896441","content":"41a57e93"},"/docs/projects/tcet-linux-website/about-tcet-linux-website-fe7":{"__comp":"17896441","content":"c29df475"},"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard-a69":{"__comp":"17896441","content":"a8657b80"},"/docs/projects/tcet-linux-website/frontend-components/download-section-0b2":{"__comp":"17896441","content":"5e3d8917"},"/docs/projects/tcet-linux-website/frontend-components/footer-ccc":{"__comp":"17896441","content":"f74d269b"},"/docs/projects/tcet-linux-website/frontend-components/hero-dd3":{"__comp":"17896441","content":"cb2f910a"},"/docs/projects/tcet-linux-website/frontend-components/installation-steps-626":{"__comp":"17896441","content":"65e2adb6"},"/docs/projects/tcet-linux-website/frontend-components/navbar-662":{"__comp":"17896441","content":"2b5f54f2"},"/docs/projects/tcet-linux-website/frontend-components/tech-stacks-0b1":{"__comp":"17896441","content":"4bc386a3"},"/docs/projects/tcet-linux-website/frontend-components/verify-downloads-219":{"__comp":"17896441","content":"79b40c34"},"/docs/projects/tcet-linux-website/getting-started-b88":{"__comp":"17896441","content":"ed67adc0"},"/docs/projects/tcet-linux/about-tcet-linux-833":{"__comp":"17896441","content":"f3acecd9"},"/docs/projects/tcet-linux/getting-started-cdb":{"__comp":"17896441","content":"15c9b4fc"},"/docs/projects/tcet-linux/iso-profile/-a34":{"__comp":"17896441","content":"c3596f7d"},"/docs/projects/tcet-linux/iso-profile/bootloaders-3e6":{"__comp":"17896441","content":"7332ec3f"},"/docs/projects/tcet-linux/iso-profile/rootfs-fe8":{"__comp":"17896441","content":"1f1a9191"},"/docs/projects/tcet-linux/iso-profile/scripts-b9a":{"__comp":"17896441","content":"01bf591d"},"/docs/projects/tnp-website/about-tnp-website-6d9":{"__comp":"17896441","content":"fa3e5dd5"},"/docs/projects/tnp-website/directory-structure-105":{"__comp":"17896441","content":"ef5c2ce9"},"/docs/projects/tnp-website/frontend-components/about-us-e2a":{"__comp":"17896441","content":"f1fda3c7"},"/docs/projects/tnp-website/frontend-components/attendance-chart-2e9":{"__comp":"17896441","content":"68d4a8ee"},"/docs/projects/tnp-website/frontend-components/companies-466":{"__comp":"17896441","content":"6724b65c"},"/docs/projects/tnp-website/frontend-components/components-bd2":{"__comp":"17896441","content":"14ab2c58"},"/docs/projects/tnp-website/frontend-components/event-page-3f4":{"__comp":"17896441","content":"1132ad1b"},"/docs/projects/tnp-website/frontend-components/footer-736":{"__comp":"17896441","content":"015b1d9e"},"/docs/projects/tnp-website/frontend-components/header-fe8":{"__comp":"17896441","content":"5a05c4ed"},"/docs/projects/tnp-website/frontend-components/hero-e9a":{"__comp":"17896441","content":"ab2ce8cc"},"/docs/projects/tnp-website/frontend-components/industry-interaction-82e":{"__comp":"17896441","content":"67fc793f"},"/docs/projects/tnp-website/frontend-components/internships-d25":{"__comp":"17896441","content":"0678a95e"},"/docs/projects/tnp-website/frontend-components/placed-students-ca3":{"__comp":"17896441","content":"7425c87d"},"/docs/projects/tnp-website/frontend-components/placement-1a4":{"__comp":"17896441","content":"6de70aac"},"/docs/projects/tnp-website/frontend-components/student-award-e5f":{"__comp":"17896441","content":"5f8fc89b"},"/docs/projects/tnp-website/frontend-components/tech-stacks-694":{"__comp":"17896441","content":"3b584882"},"/docs/projects/tnp-website/frontend-components/testimonials-e7c":{"__comp":"17896441","content":"f9492474"},"/docs/projects/tnp-website/frontend-components/top-placed-students-8b5":{"__comp":"17896441","content":"4cbce6ab"},"/docs/projects/tnp-website/frontend-components/top-recruiters-58f":{"__comp":"17896441","content":"b915f261"},"/docs/projects/tnp-website/frontend-components/training-659":{"__comp":"17896441","content":"d74a0d55"},"/docs/projects/tnp-website/getting-started-000":{"__comp":"17896441","content":"b90f67ab"},"/docs/resources/workflows/external-workflow/-3be":{"__comp":"17896441","content":"940d989c"},"/docs/resources/workflows/internal-workflow/-937":{"__comp":"17896441","content":"19b37017"},"/-4a7":{"__comp":"c4f5d8e4","__context":{"plugin":"a9abc03d"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=7221,e(e.s=t);var t}));e.O()}]); \ No newline at end of file diff --git a/assets/js/main.6261e96d.js b/assets/js/main.6261e96d.js new file mode 100644 index 00000000..85ca62f7 --- /dev/null +++ b/assets/js/main.6261e96d.js @@ -0,0 +1,2 @@ +/*! For license information please see main.6261e96d.js.LICENSE.txt */ +(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[179],{830:(e,t,n)=>{"use strict";n.d(t,{W:()=>o});var r=n(7294);function o(){return r.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},r.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}},723:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7294),o=n(7462),a=n(8356),i=n.n(a),s=n(6887);const l={"011e0067":[()=>n.e(3976).then(n.t.bind(n,280,19)),"~blog/default/blog-tags-cyberpunk-69c-list.json",280],"015b1d9e":[()=>n.e(6476).then(n.bind(n,2709)),"@site/docs/projects/tnp-website/frontend-components/footer.mdx",2709],"018d5104":[()=>n.e(9707).then(n.t.bind(n,5792,19)),"~blog/default/blog-tags-css-153-list.json",5792],"01a85c17":[()=>Promise.all([n.e(532),n.e(4013)]).then(n.bind(n,1223)),"@theme/BlogTagsListPage",1223],"01bf591d":[()=>n.e(357).then(n.bind(n,6986)),"@site/docs/projects/tcet-linux/iso-profile/scripts.md",6986],"0525c05b":[()=>n.e(9846).then(n.t.bind(n,9191,19)),"~blog/default/blog-tags-zero-to-merge-939-list.json",9191],"064ccdc3":[()=>n.e(7013).then(n.bind(n,6877)),"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md?truncated=true",6877],"0678a95e":[()=>n.e(1914).then(n.bind(n,7478)),"@site/docs/projects/tnp-website/frontend-components/internships.mdx",7478],"06d3e07c":[()=>n.e(178).then(n.bind(n,2948)),"@site/docs/projects/fmc-website/mathematical-logic/average.mdx",2948],"07d439e2":[()=>n.e(2943).then(n.bind(n,8498)),"@site/docs/projects/fmc-website/mathematical-logic/table-manager.mdx",8498],"07d4f3c3":[()=>n.e(5794).then(n.bind(n,4040)),"@site/docs/projects/docs-site/getting-started.md",4040],"07e2df72":[()=>Promise.all([n.e(532),n.e(3334)]).then(n.bind(n,4642)),"@site/blog/2023-06-10-introduction-to-api/index.mdx",4642],"08c356fe":[()=>n.e(1258).then(n.bind(n,1404)),"@site/docs/projects/fmc-website/components/button-instructions.mdx",1404],"093d5119":[()=>n.e(9851).then(n.bind(n,5959)),"@site/blog/2023-04-07-opensource/index.md?truncated=true",5959],"0abe3c97":[()=>n.e(9962).then(n.t.bind(n,701,19)),"~blog/default/blog-tags-automation-1d1-list.json",701],"0b770e5c":[()=>n.e(2114).then(n.t.bind(n,3655,19)),"~blog/default/blog-tags-cyberpunk-69c.json",3655],"0bb967d4":[()=>n.e(6336).then(n.bind(n,9845)),"@site/docs/projects/resume-screener-website/frontend-components/ats-resume-template.mdx",9845],"0be9de06":[()=>n.e(7222).then(n.t.bind(n,390,19)),"~blog/default/blog-tags-api-ce2-list.json",390],"0ca0adb8":[()=>n.e(2184).then(n.t.bind(n,4348,19)),"~blog/default/blog-tags-virtaul-dom-558.json",4348],"0dbc6863":[()=>n.e(6759).then(n.bind(n,2330)),"@site/docs/projects/fmc-website/components/cycle-result.mdx",2330],"0e701e42":[()=>n.e(8485).then(n.bind(n,48)),"@site/docs/projects/fmc-website/about-fmc-website.mdx",48],"0f9e71a3":[()=>n.e(1422).then(n.bind(n,6853)),"@site/blog/2023-04-10-intro-to-react-js/index.md",6853],10221538:[()=>n.e(817).then(n.bind(n,3633)),"@site/blog/2023-06-30-tmai-june-23/index.md",3633],"1132ad1b":[()=>n.e(1316).then(n.bind(n,3385)),"@site/docs/projects/tnp-website/frontend-components/event-page.mdx",3385],"11ce4159":[()=>n.e(1531).then(n.t.bind(n,5034,19)),"~blog/default/blog-page-5-c6b.json",5034],"1217cc9a":[()=>n.e(9088).then(n.bind(n,9214)),"@site/blog/2023-04-09-intro-to-cloud-computing/index.md?truncated=true",9214],"126747ee":[()=>n.e(7060).then(n.bind(n,3230)),"@site/blog/2023-10-01-blog-guidlines/index.mdx",3230],"13c191f5":[()=>n.e(8050).then(n.t.bind(n,5880,19)),"~blog/default/blog-tags-free-ba0.json",5880],"145b2738":[()=>n.e(997).then(n.bind(n,2544)),"@site/blog/2023-04-10-intro-to-react-js/index.md?truncated=true",2544],"148b302f":[()=>n.e(8624).then(n.bind(n,6242)),"@site/docs/projects/resume-screener-website/frontend-components/hero.mdx",6242],"14ab2c58":[()=>n.e(952).then(n.bind(n,1578)),"@site/docs/projects/tnp-website/frontend-components/components.mdx",1578],"14eb3368":[()=>Promise.all([n.e(532),n.e(9817)]).then(n.bind(n,4228)),"@theme/DocCategoryGeneratedIndexPage",4228],"15c9b4fc":[()=>n.e(40).then(n.bind(n,3795)),"@site/docs/projects/tcet-linux/getting-started.md",3795],"16ea2389":[()=>n.e(4414).then(n.t.bind(n,1511,19)),"~blog/default/blog-tags-source-541-list.json",1511],"174af344":[()=>n.e(2072).then(n.bind(n,5454)),"@site/docs/projects/fmc-website/components/footer.mdx",5454],17896441:[()=>Promise.all([n.e(532),n.e(2497),n.e(7918)]).then(n.bind(n,5154)),"@theme/DocItem",5154],"180aea8b":[()=>n.e(2618).then(n.t.bind(n,5565,19)),"~blog/default/blog-tags-artificial-intelligence-d5b.json",5565],"181379b6":[()=>n.e(4406).then(n.bind(n,5293)),"@site/blog/2023-10-08-web-crawling/index.mdx",5293],"183d06d0":[()=>n.e(6626).then(n.t.bind(n,5446,19)),"~blog/default/blog-tags-react-js-89e-list.json",5446],19077414:[()=>n.e(8030).then(n.bind(n,2564)),"@site/docs/projects/fmc-website/mathematical-logic/perform.mdx",2564],"195928cd":[()=>n.e(6483).then(n.t.bind(n,181,19)),"~blog/default/blog-tags-tui-9bb.json",181],"19b37017":[()=>n.e(1515).then(n.bind(n,6528)),"@site/docs/resources/workflows/internal-workflow/internal-workflow.md",6528],"1a4e3797":[()=>Promise.all([n.e(532),n.e(7920)]).then(n.bind(n,9172)),"@theme/SearchPage",9172],"1be78505":[()=>Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,9963)),"@theme/DocPage",9963],"1f1a9191":[()=>n.e(5145).then(n.bind(n,1100)),"@site/docs/projects/tcet-linux/iso-profile/rootfs.md",1100],"203e7aa1":[()=>n.e(1235).then(n.bind(n,81)),"@site/blog/2023-06-06-tmai-may-23/index.md",81],"2243869d":[()=>n.e(5704).then(n.bind(n,4627)),"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx",4627],23449821:[()=>n.e(1859).then(n.t.bind(n,1664,19)),"~blog/default/blog-tags-cloud-computing-d12-list.json",1664],"2455eea8":[()=>n.e(7228).then(n.t.bind(n,8892,19)),"~blog/default/blog-tags-data-extraction-2ae.json",8892],"249c34a0":[()=>n.e(1602).then(n.t.bind(n,5668,19)),"~blog/default/blog-tags-software-page-2-60d.json",5668],"25db3e58":[()=>n.e(5810).then(n.t.bind(n,8007,19)),"~blog/default/blog-tags-terminal-1f8-list.json",8007],"277a8968":[()=>n.e(3536).then(n.t.bind(n,7603,19)),"~blog/default/blog-tags-cloud-computing-d12.json",7603],"28d37a26":[()=>n.e(9535).then(n.t.bind(n,1066,19)),"~blog/default/blog-tags-cncf-636-list.json",1066],"2b5f54f2":[()=>n.e(129).then(n.bind(n,4613)),"@site/docs/projects/tcet-linux-website/frontend-components/navbar.mdx",4613],"2b7c4d8e":[()=>n.e(6451).then(n.t.bind(n,7257,19)),"~blog/default/blog-tags-innovation-5b5.json",7257],"2ca153c8":[()=>n.e(2798).then(n.t.bind(n,2074,19)),"~blog/default/blog-tags-jsx-5c1-list.json",2074],"2d2f753f":[()=>n.e(2894).then(n.t.bind(n,9299,19)),"~blog/default/blog-tags-mind-benders-8e7-list.json",9299],"2e20eea4":[()=>n.e(7708).then(n.bind(n,7088)),"@site/docs/projects/resume-screener-website/frontend-components/about-us.mdx",7088],"2e79d8a7":[()=>n.e(2682).then(n.t.bind(n,5195,19)),"~docs/default/category-docs-docs-category-workflows-67c.json",5195],"2f43b7b8":[()=>n.e(9344).then(n.t.bind(n,9588,19)),"~blog/default/blog-tags-free-ba0-list.json",9588],"332c576c":[()=>n.e(4974).then(n.t.bind(n,1145,19)),"~blog/default/blog-tags-data-48e.json",1145],"336d5e53":[()=>n.e(2357).then(n.bind(n,4797)),"@site/docs/projects/resume-screener-website/frontend-components/guideline.mdx",4797],"35fb2de4":[()=>n.e(5877).then(n.t.bind(n,4379,19)),"~blog/default/blog-tags-data-page-2-3d2.json",4379],"361aeaff":[()=>n.e(6731).then(n.bind(n,3424)),"@site/blog/2023-10-01-blog-guidlines/index.mdx?truncated=true",3424],"3b584882":[()=>n.e(8492).then(n.bind(n,9470)),"@site/docs/projects/tnp-website/frontend-components/tech-stacks.mdx",9470],"3bcb60ef":[()=>n.e(4420).then(n.t.bind(n,4781,19)),"~blog/default/blog-tags-cultural-950-list.json",4781],"3efe186d":[()=>n.e(5456).then(n.bind(n,9173)),"@site/blog/2023-04-09-intro-to-cloud-computing/index.md",9173],"41a57e93":[()=>n.e(1399).then(n.bind(n,3166)),"@site/docs/projects/resume-screener-website/getting-started.mdx",3166],"424aade5":[()=>n.e(5196).then(n.t.bind(n,8746,19)),"~blog/default/blog-tags-data-page-2-3d2-list.json",8746],"42a79876":[()=>n.e(4199).then(n.bind(n,1292)),"@site/docs/projects/resume-screener-website/about-resume-screener-website.mdx",1292],"42cfb5d4":[()=>n.e(6740).then(n.t.bind(n,987,19)),"~blog/default/blog-tags-social-806-list.json",987],"4303eacb":[()=>n.e(6488).then(n.bind(n,230)),"@site/docs/projects/resume-screener-website/frontend-components/footer.mdx",230],"44ac4dbb":[()=>n.e(7142).then(n.t.bind(n,399,19)),"~blog/default/blog-page-6-772.json",399],"45ca282f":[()=>n.e(7516).then(n.t.bind(n,7967,19)),"~blog/default/blog-tags-work-4b3.json",7967],"468416a0":[()=>n.e(5614).then(n.t.bind(n,9557,19)),"~blog/default/blog-tags-blockchain-bb4.json",9557],"4732c43b":[()=>n.e(7072).then(n.bind(n,6687)),"@site/blog/2023-05-07-tmai-april-23/index.md",6687],"481fd4dd":[()=>Promise.all([n.e(532),n.e(7892)]).then(n.bind(n,3226)),"@site/docs/projects/docs-site/sidebar/adding-items.mdx",3226],"48b11c83":[()=>n.e(9106).then(n.bind(n,9942)),"@site/docs/projects/fmc-website/components/header-help.mdx",9942],"4b078b99":[()=>n.e(4972).then(n.t.bind(n,1682,19)),"~blog/default/blog-tags-work-4b3-list.json",1682],"4b2d8469":[()=>n.e(2369).then(n.t.bind(n,5752,19)),"~blog/default/blog-tags-tmai-ee7-list.json",5752],"4b95aa7a":[()=>n.e(9484).then(n.bind(n,202)),"@site/docs/projects/docs-site/sidebar/multiple-sidebars.mdx",202],"4bc386a3":[()=>n.e(2300).then(n.bind(n,1928)),"@site/docs/projects/tcet-linux-website/frontend-components/tech-stacks.mdx",1928],"4bd5fd33":[()=>n.e(6560).then(n.t.bind(n,404,19)),"~blog/default/blog-tags-automation-1d1.json",404],"4cbce6ab":[()=>n.e(8426).then(n.bind(n,346)),"@site/docs/projects/tnp-website/frontend-components/top-placed-students.mdx",346],"4e20cbbc":[()=>n.e(9313).then(n.t.bind(n,8115,19)),"~blog/default/blog-tags-integration-a8f.json",8115],"4e5f1ca0":[()=>n.e(1835).then(n.t.bind(n,1676,19)),"~blog/default/blog-tags-jsx-5c1.json",1676],"4e7cf029":[()=>n.e(383).then(n.bind(n,8885)),"@site/docs/projects/fmc-website/components/tech-stacks.mdx",8885],"51e4ac6f":[()=>n.e(9169).then(n.t.bind(n,7736,19)),"~blog/default/blog-tags-open-source-6de.json",7736],52961045:[()=>n.e(6189).then(n.t.bind(n,8440,19)),"~blog/default/blog-tags-terminal-1f8.json",8440],"52cd39ac":[()=>n.e(2877).then(n.bind(n,8682)),"@site/docs/projects/fmc-website/components/displaying-cycle.mdx",8682],"545cb3af":[()=>n.e(3682).then(n.bind(n,9647)),"@site/blog/2023-05-13-introduction-to-artificial-intelligence/index.mdx?truncated=true",9647],55207995:[()=>n.e(9650).then(n.t.bind(n,3610,19)),"~blog/default/blog-tags-technology-3f7.json",3610],"56e32e60":[()=>n.e(3711).then(n.t.bind(n,9623,19)),"~blog/default/blog-tags-authentication-b73-list.json",9623],"56ec2d2a":[()=>n.e(64).then(n.bind(n,1398)),"@site/docs/projects/fmc-website/mathematical-logic/input-handler.mdx",1398],"5892662e":[()=>n.e(3075).then(n.t.bind(n,1552,19)),"~blog/default/blog-tags-html-67d-list.json",1552],"5a05c4ed":[()=>n.e(1183).then(n.bind(n,276)),"@site/docs/projects/tnp-website/frontend-components/header.mdx",276],"5b4d43ff":[()=>n.e(3058).then(n.t.bind(n,2095,19)),"~blog/default/blog-tags-source-541.json",2095],"5bf92320":[()=>n.e(8650).then(n.bind(n,6719)),"@site/docs/projects/fmc-website/mathematical-logic/table-transformation.mdx",6719],"5d67ed81":[()=>n.e(5683).then(n.bind(n,251)),"@site/blog/2023-06-30-tmai-june-23/index.md?truncated=true",251],"5e3d8917":[()=>n.e(4736).then(n.bind(n,733)),"@site/docs/projects/tcet-linux-website/frontend-components/download-section.mdx",733],"5e729dc7":[()=>n.e(1353).then(n.t.bind(n,6603,19)),"~blog/default/blog-tags-integration-a8f-list.json",6603],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f8fc89b":[()=>n.e(8523).then(n.bind(n,6166)),"@site/docs/projects/tnp-website/frontend-components/student-award.mdx",6166],"5fcc37c8":[()=>n.e(930).then(n.t.bind(n,7761,19)),"~blog/default/blog-tags-data-science-578.json",7761],"6068a052":[()=>n.e(5850).then(n.t.bind(n,3405,19)),"~blog/default/blog-tags-data-science-578-list.json",3405],"65e2adb6":[()=>n.e(1861).then(n.bind(n,7961)),"@site/docs/projects/tcet-linux-website/frontend-components/installation-steps.mdx",7961],"6724b65c":[()=>n.e(3690).then(n.bind(n,271)),"@site/docs/projects/tnp-website/frontend-components/companies.mdx",271],"67fc793f":[()=>n.e(7466).then(n.bind(n,2964)),"@site/docs/projects/tnp-website/frontend-components/industry-interaction.mdx",2964],"6875c492":[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(8610)]).then(n.bind(n,1714)),"@theme/BlogTagsPostsPage",1714],"68d4a8ee":[()=>n.e(3477).then(n.bind(n,9307)),"@site/docs/projects/tnp-website/frontend-components/attendance-chart.mdx",9307],"69b09ea9":[()=>n.e(498).then(n.t.bind(n,4557,19)),"~blog/default/blog-tags-community-d90.json",4557],"69c643c0":[()=>Promise.all([n.e(532),n.e(6144)]).then(n.bind(n,4386)),"@site/docs/projects/docs-site/navbar/search-bar.mdx",4386],"6b040dea":[()=>n.e(645).then(n.bind(n,2751)),"@site/blog/2023-04-15-rcblog/index.md?truncated=true",2751],"6c601b0f":[()=>n.e(3374).then(n.t.bind(n,6622,19)),"~blog/default/blog-tags-cli-9c0-list.json",6622],"6c7ec1b6":[()=>n.e(5160).then(n.bind(n,3477)),"@site/blog/2023-05-07-tmai-april-23/index.md?truncated=true",3477],"6d025361":[()=>n.e(4110).then(n.bind(n,9967)),"@site/blog/2023-10-06-linux-cli/index.mdx?truncated=true",9967],"6d453d64":[()=>n.e(9287).then(n.t.bind(n,794,19)),"~blog/default/blog-tags-api-ce2.json",794],"6de70aac":[()=>Promise.all([n.e(532),n.e(3004)]).then(n.bind(n,980)),"@site/docs/projects/tnp-website/frontend-components/placement.mdx",980],"6ee5f2ba":[()=>n.e(4959).then(n.bind(n,642)),"@site/blog/2023-10-7-Blockchain/index.md",642],"70ad3ff0":[()=>n.e(147).then(n.t.bind(n,3478,19)),"~blog/default/blog-tags-blockchain-bb4-list.json",3478],"70c84758":[()=>n.e(5932).then(n.t.bind(n,7571,19)),"~blog/default/blog-tags-linux-a80-list.json",7571],"720401d8":[()=>n.e(4022).then(n.bind(n,8492)),"@site/blog/2023-10-10-CNCF-Zero-to-Merge-Your-first-step-towards-Open-Source/index.md",8492],"73006ab0":[()=>n.e(5300).then(n.bind(n,2262)),"@site/docs/projects/docs-site/navbar/adding-links.md",2262],"7332ec3f":[()=>n.e(9556).then(n.bind(n,5524)),"@site/docs/projects/tcet-linux/iso-profile/bootloaders.md",5524],"7425c87d":[()=>Promise.all([n.e(532),n.e(4843)]).then(n.bind(n,7674)),"@site/docs/projects/tnp-website/frontend-components/placed-students.mdx",7674],"7797872e":[()=>n.e(850).then(n.t.bind(n,5695,19)),"~blog/default/blog-tags-software-f0d-list.json",5695],"77b704ef":[()=>n.e(4898).then(n.t.bind(n,7907,19)),"~blog/default/blog-tags-editorial-8fd.json",7907],"79b40c34":[()=>n.e(703).then(n.bind(n,8598)),"@site/docs/projects/tcet-linux-website/frontend-components/verify-downloads.mdx",8598],"7d0539b1":[()=>n.e(7834).then(n.t.bind(n,3769,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-docs\\default\\plugin-route-context-module-100.json",3769],"7d9726a8":[()=>n.e(7429).then(n.t.bind(n,9494,19)),"~blog/default/blog-page-4-30b.json",9494],"7f7940a1":[()=>n.e(7456).then(n.bind(n,2240)),"@site/blog/2023-06-06-tmai-may-23/index.md?truncated=true",2240],"805a8850":[()=>n.e(6085).then(n.t.bind(n,2194,19)),"~blog/default/blog-tags-virtaul-dom-558-list.json",2194],"8128ed27":[()=>n.e(8404).then(n.t.bind(n,6089,19)),"~blog/default/blog-tags-software-f0d.json",6089],"814f3328":[()=>n.e(2535).then(n.t.bind(n,5641,19)),"~blog/default/blog-post-list-prop-default.json",5641],"829ce8eb":[()=>n.e(8566).then(n.t.bind(n,2661,19)),"~blog/default/blog-tags-data-extraction-2ae-list.json",2661],"829f3b94":[()=>n.e(4194).then(n.bind(n,8670)),"@site/docs/projects/fmc-website/mathematical-logic/table-updater.mdx",8670],"84e5d1c3":[()=>n.e(2526).then(n.t.bind(n,9298,19)),"~blog/default/blog-tags-ai-page-2-099.json",9298],"8609c8e4":[()=>n.e(4925).then(n.t.bind(n,4479,19)),"~blog/default/blog-tags-innovation-5b5-list.json",4479],"89d2fbd1":[()=>n.e(5987).then(n.bind(n,7194)),"@site/docs/projects/docs-site/sidebar/adding-links.md",7194],"8aa54cac":[()=>n.e(9724).then(n.t.bind(n,7085,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-theme-search-algolia\\default\\plugin-route-context-module-100.json",7085],"8b916fa8":[()=>n.e(7890).then(n.t.bind(n,2117,19)),"~blog/default/blog-tags-mental-model-b08-list.json",2117],"8eb4e46b":[()=>n.e(1).then(n.t.bind(n,2638,19)),"~blog/default/blog-page-2-677.json",2638],"8f081614":[()=>n.e(7922).then(n.bind(n,389)),"@site/docs/projects/resume-screener-website/frontend-components/card.mdx",389],"918c5d55":[()=>n.e(9906).then(n.bind(n,519)),"@site/blog/2023-04-12-dive-into-web-design/index.md",519],"92999a1c":[()=>n.e(8442).then(n.t.bind(n,5310,19)),"~blog/default/blog-page-3-fd4.json",5310],"92fd5fda":[()=>n.e(849).then(n.t.bind(n,6855,19)),"~blog/default/blog-tags-web-design-e76.json",6855],"935f2afb":[()=>n.e(53).then(n.t.bind(n,1109,19)),"~docs/default/version-current-metadata-prop-751.json",1109],"940d989c":[()=>n.e(3920).then(n.bind(n,8276)),"@site/docs/resources/workflows/external-workflow/external-workflow.md",8276],"9475880e":[()=>n.e(1151).then(n.t.bind(n,1426,19)),"~blog/default/blog-tags-authentication-b73.json",1426],96504147:[()=>n.e(7661).then(n.bind(n,3050)),"@site/blog/2023-04-12-dive-into-web-design/index.md?truncated=true",3050],"970d58c3":[()=>n.e(2197).then(n.bind(n,5001)),"@site/blog/2023-10-06-linux-cli/index.mdx",5001],"99a66f7b":[()=>n.e(259).then(n.t.bind(n,8769,19)),"~blog/default/blog-tags-frontend-1ec-list.json",8769],"9a413aa3":[()=>n.e(4759).then(n.t.bind(n,4838,19)),"~blog/default/blog-tags-react-js-89e.json",4838],"9c364e92":[()=>n.e(1180).then(n.bind(n,6027)),"@site/docs/projects/fmc-website/mathematical-logic/checker.mdx",6027],"9d13a154":[()=>n.e(5742).then(n.t.bind(n,7655,19)),"~blog/default/blog-tags-open-204-list.json",7655],"9d67aca7":[()=>n.e(1737).then(n.t.bind(n,6542,19)),"~blog/default/blog-tags-cultural-950.json",6542],"9e4087bc":[()=>n.e(3608).then(n.bind(n,3169)),"@theme/BlogArchivePage",3169],a36811df:[()=>n.e(3854).then(n.t.bind(n,4944,19)),"~blog/default/blog-tags-resonsiveness-962.json",4944],a3f8542c:[()=>n.e(9361).then(n.bind(n,858)),"@site/docs/projects/fmc-website/mathematical-logic/table-calculator.mdx",858],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(3089)]).then(n.bind(n,46)),"@theme/BlogListPage",46],a6be9a06:[()=>n.e(9044).then(n.bind(n,1508)),"@site/docs/projects/fmc-website/mathematical-logic/scripts.mdx",1508],a7023ddc:[()=>n.e(1713).then(n.t.bind(n,3457,19)),"~blog/default/blog-tags-tags-4c2.json",3457],a8657b80:[()=>n.e(9209).then(n.bind(n,3155)),"@site/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard.mdx",3155],a977d5d4:[()=>n.e(2735).then(n.bind(n,4020)),"@site/blog/2023-10-7-Blockchain/index.md?truncated=true",4020],a9abc03d:[()=>n.e(4852).then(n.t.bind(n,5745,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-pages\\default\\plugin-route-context-module-100.json",5745],ab2ce8cc:[()=>n.e(9230).then(n.bind(n,4792)),"@site/docs/projects/tnp-website/frontend-components/hero.mdx",4792],ab4c6d72:[()=>n.e(2332).then(n.t.bind(n,2770,19)),"~blog/default/blog-tags-ai-3e5-list.json",2770],ac2246e0:[()=>n.e(4732).then(n.bind(n,7827)),"@site/blog/2023-10-13-AI-Automation/index.mdx",7827],ad24ee66:[()=>n.e(4090).then(n.t.bind(n,9793,19)),"~blog/default/blog-tags-nvidia-5cf.json",9793],ad4ba58a:[()=>n.e(4586).then(n.bind(n,293)),"@site/blog/2023-10-1-cloudgaming/index.md?truncated=true",293],ad7114c0:[()=>n.e(9054).then(n.t.bind(n,791,19)),"~blog/default/blog-tags-web-design-e76-list.json",791],ad8a4f52:[()=>n.e(2406).then(n.t.bind(n,2710,19)),"~blog/default/blog-tags-web-crawling-df6-list.json",2710],afaff11a:[()=>n.e(2878).then(n.t.bind(n,6271,19)),"~blog/default/blog-tags-community-d90-list.json",6271],b1513dc1:[()=>n.e(3937).then(n.t.bind(n,4370,19)),"~blog/default/blog-tags-cloud-d01-list.json",4370],b2709843:[()=>n.e(3554).then(n.t.bind(n,6951,19)),"~blog/default/blog-tags-mental-model-b08.json",6951],b2b675dd:[()=>n.e(533).then(n.t.bind(n,8017,19)),"~blog/default/blog-c06.json",8017],b2f554cd:[()=>n.e(1477).then(n.t.bind(n,10,19)),"~blog/default/blog-archive-80c.json",10],b3738e59:[()=>n.e(8414).then(n.bind(n,7938)),"@site/docs/projects/docs-site/sidebar/adding-categories.md",7938],b6213d43:[()=>n.e(5158).then(n.bind(n,2458)),"@site/docs/projects/resume-screener-website/frontend-components/tech-stacks.mdx",2458],b86fb017:[()=>n.e(9409).then(n.bind(n,8959)),"@site/blog/2023-04-15-rcblog/index.md",8959],b90f67ab:[()=>n.e(4039).then(n.bind(n,4333)),"@site/docs/projects/tnp-website/getting-started.md",4333],b915f261:[()=>n.e(175).then(n.bind(n,3902)),"@site/docs/projects/tnp-website/frontend-components/top-recruiters.mdx",3902],ba8f817c:[()=>n.e(7404).then(n.t.bind(n,6716,19)),"~blog/default/blog-tags-tui-9bb-list.json",6716],bb19e508:[()=>n.e(9686).then(n.bind(n,4626)),"@site/blog/2023-04-07-opensource/index.md",4626],bc23c598:[()=>n.e(580).then(n.t.bind(n,7442,19)),"~blog/default/blog-tags-web-crawling-df6.json",7442],bdff1965:[()=>n.e(2307).then(n.t.bind(n,6948,19)),"~blog/default/blog-tags-open-source-6de-list.json",6948],bece1fcc:[()=>n.e(5029).then(n.t.bind(n,9359,19)),"~blog/default/blog-tags-machine-learning-36b.json",9359],c17206ae:[()=>n.e(3832).then(n.bind(n,9079)),"@site/docs/projects/docs-site/about-docs.md",9079],c29df475:[()=>n.e(476).then(n.bind(n,2527)),"@site/docs/projects/tcet-linux-website/about-tcet-linux-website.mdx",2527],c3596f7d:[()=>n.e(2892).then(n.bind(n,6098)),"@site/docs/projects/tcet-linux/iso-profile/iso-profile.md",6098],c44c3bbb:[()=>n.e(2049).then(n.t.bind(n,306,19)),"~docs/default/category-docs-docs-category-resources-2da.json",306],c4f5d8e4:[()=>Promise.all([n.e(532),n.e(6233),n.e(4195)]).then(n.bind(n,4497)),"@site/src/pages/index.js",4497],c578a3f6:[()=>n.e(3887).then(n.bind(n,4592)),"@site/docs/projects/docs-site/sidebar/sidebar.md",4592],c5e81cca:[()=>n.e(8717).then(n.t.bind(n,2170,19)),"~blog/default/blog-tags-gaming-b21-list.json",2170],c689f34a:[()=>n.e(1820).then(n.t.bind(n,4307,19)),"~blog/default/blog-tags-nvidia-5cf-list.json",4307],c6f71f2b:[()=>n.e(4491).then(n.t.bind(n,8590,19)),"~blog/default/blog-tags-frontend-1ec.json",8590],c7135589:[()=>n.e(7229).then(n.t.bind(n,2412,19)),"~blog/default/blog-tags-resonsiveness-962-list.json",2412],c750b51b:[()=>n.e(5105).then(n.bind(n,2380)),"@site/docs/projects/docs-site/navbar/navbar.md",2380],ca576004:[()=>n.e(4270).then(n.bind(n,9372)),"@site/docs/projects/fmc-website/components/defining-cycle.mdx",9372],cb2f910a:[()=>n.e(6650).then(n.bind(n,5979)),"@site/docs/projects/tcet-linux-website/frontend-components/hero.mdx",5979],cb345c93:[()=>Promise.all([n.e(532),n.e(7820)]).then(n.bind(n,1129)),"@site/blog/2023-06-10-introduction-to-api/index.mdx?truncated=true",1129],cbafb38b:[()=>n.e(3074).then(n.t.bind(n,8946,19)),"~blog/default/blog-tags-software-page-2-60d-list.json",8946],ccc49370:[()=>Promise.all([n.e(532),n.e(2497),n.e(6048),n.e(6103)]).then(n.bind(n,5203)),"@theme/BlogPostPage",5203],cda22062:[()=>n.e(957).then(n.t.bind(n,3407,19)),"~blog/default/blog-tags-machine-learning-36b-list.json",3407],ce974d64:[()=>n.e(9274).then(n.t.bind(n,7373,19)),"~blog/default/blog-tags-css-153.json",7373],cf5983a7:[()=>n.e(2499).then(n.t.bind(n,5972,19)),"~blog/default/blog-tags-mind-benders-8e7.json",5972],d1c21ad3:[()=>n.e(1829).then(n.t.bind(n,9562,19)),"~blog/default/blog-tags-html-67d.json",9562],d2402109:[()=>Promise.all([n.e(532),n.e(2008)]).then(n.bind(n,3587)),"@site/docs/about-tcetopensource.mdx",3587],d530b40c:[()=>n.e(9571).then(n.t.bind(n,453,19)),"~blog/default/blog-tags-cncf-636.json",453],d74a0d55:[()=>Promise.all([n.e(532),n.e(6345)]).then(n.bind(n,5678)),"@site/docs/projects/tnp-website/frontend-components/training.mdx",5678],d7f54ba9:[()=>n.e(788).then(n.t.bind(n,4688,19)),"~blog/default/blog-tags-technology-3f7-list.json",4688],db0d0857:[()=>n.e(7256).then(n.t.bind(n,1516,19)),"~blog/default/blog-tags-ai-page-2-099-list.json",1516],dccfcda8:[()=>n.e(378).then(n.bind(n,1869)),"@site/docs/projects/resume-screener-website/frontend-components/header.mdx",1869],dd5bc5cd:[()=>n.e(4640).then(n.t.bind(n,3631,19)),"~blog/default/blog-tags-linux-a80.json",3631],dff928e6:[()=>n.e(4951).then(n.t.bind(n,4049,19)),"~blog/default/blog-tags-gaming-b21.json",4049],e0eb994a:[()=>n.e(6274).then(n.t.bind(n,7424,19)),"~blog/default/blog-tags-data-48e-list.json",7424],e1b5da7f:[()=>n.e(2444).then(n.bind(n,1785)),"@site/docs/projects/fmc-website/mathematical-logic/table-row-updater.mdx",1785],e1f3d415:[()=>n.e(9223).then(n.bind(n,4793)),"@site/blog/2023-10-13-AI-Automation/index.mdx?truncated=true",4793],e40d9651:[()=>n.e(4813).then(n.t.bind(n,885,19)),"~blog/default/blog-tags-editorial-8fd-list.json",885],e5ed126e:[()=>n.e(2284).then(n.bind(n,9949)),"@site/docs/projects/fmc-website/mathematical-logic/calculation.mdx",9949],e6bee1e8:[()=>n.e(7352).then(n.bind(n,4122)),"@site/docs/projects/docs-site/navbar/title-and-logo.md",4122],e6c44b2b:[()=>n.e(6149).then(n.t.bind(n,2277,19)),"~blog/default/blog-tags-cli-9c0.json",2277],e8564438:[()=>n.e(899).then(n.t.bind(n,4542,19)),"~blog/default/blog-tags-zero-to-merge-939.json",4542],e8674cfb:[()=>n.e(5205).then(n.bind(n,260)),"@site/docs/projects/fmc-website/mathematical-logic/page-interaction.mdx",260],e943ec5e:[()=>n.e(992).then(n.t.bind(n,3130,19)),"~blog/default/blog-tags-artificial-intelligence-d5b-list.json",3130],e9fb9b7c:[()=>n.e(9118).then(n.t.bind(n,5970,19)),"~blog/default/blog-tags-tmai-ee7.json",5970],ecb97aab:[()=>n.e(607).then(n.t.bind(n,4469,19)),"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\.docusaurus\\docusaurus-plugin-content-blog\\default\\plugin-route-context-module-100.json",4469],ed67adc0:[()=>n.e(8267).then(n.bind(n,6379)),"@site/docs/projects/tcet-linux-website/getting-started.mdx",6379],ee5821a3:[()=>n.e(7682).then(n.t.bind(n,5756,19)),"~docs/default/category-docs-docs-category-project-docs-98c.json",5756],ef5c2ce9:[()=>n.e(1733).then(n.bind(n,6225)),"@site/docs/projects/tnp-website/directory-structure.md",6225],f09c742d:[()=>n.e(8635).then(n.bind(n,4086)),"@site/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan.mdx",4086],f1fda3c7:[()=>n.e(8063).then(n.bind(n,9625)),"@site/docs/projects/tnp-website/frontend-components/about-us.mdx",9625],f21b70b1:[()=>n.e(4639).then(n.bind(n,491)),"@site/blog/2023-10-08-web-crawling/index.mdx?truncated=true",491],f2544e3f:[()=>n.e(1347).then(n.t.bind(n,6395,19)),"~blog/default/blog-tags-social-806.json",6395],f32fe326:[()=>n.e(8843).then(n.t.bind(n,4634,19)),"~blog/default/blog-tags-ai-3e5.json",4634],f3543915:[()=>n.e(3376).then(n.t.bind(n,7698,19)),"~blog/default/blog-tags-cloud-d01.json",7698],f3acecd9:[()=>n.e(1149).then(n.bind(n,3204)),"@site/docs/projects/tcet-linux/about-tcet-linux.md",3204],f4acf23e:[()=>n.e(8104).then(n.bind(n,2825)),"@site/docs/projects/fmc-website/getting-started.mdx",2825],f74d269b:[()=>n.e(4803).then(n.bind(n,5326)),"@site/docs/projects/tcet-linux-website/frontend-components/footer.mdx",5326],f7646656:[()=>n.e(342).then(n.t.bind(n,5192,19)),"~blog/default/blog-tags-open-204.json",5192],f7c79d71:[()=>n.e(5854).then(n.bind(n,2001)),"@site/blog/2023-10-1-cloudgaming/index.md",2001],f9492474:[()=>n.e(7491).then(n.bind(n,1197)),"@site/docs/projects/tnp-website/frontend-components/testimonials.mdx",1197],fa3e5dd5:[()=>n.e(4361).then(n.bind(n,9484)),"@site/docs/projects/tnp-website/about-tnp-website.mdx",9484],feea2548:[()=>n.e(7207).then(n.bind(n,2347)),"@site/docs/projects/docs-site/navbar/adding-items.md",2347]};function c(e){let{error:t,retry:n,pastDelay:o}=e;return t?r.createElement("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,String(t)),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):o?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=n(9670),d=n(226);function p(e,t){if("*"===e)return i()({loading:c,loader:()=>n.e(7515).then(n.bind(n,4972)),modules:["@theme/NotFound"],webpack:()=>[4972],render(e,t){const n=e.default;return r.createElement(d.z,{value:{plugin:{name:"native",id:"default"}}},r.createElement(n,t))}});const a=s[`${e}-${t}`],p={},f=[],m=[],g=(0,u.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const r=l[n];r&&(p[t]=r[0],f.push(r[1]),m.push(r[2]))})),i().Map({loading:c,loader:p,modules:f,webpack:()=>m,render(t,n){const i=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,r]=t;const o=r.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(r).filter((e=>"default"!==e)).forEach((e=>{o[e]=r[e]}));let a=i;const s=n.split(".");s.slice(0,-1).forEach((e=>{a=a[e]})),a[s[s.length-1]]=o}));const s=i.__comp;delete i.__comp;const l=i.__context;return delete i.__context,r.createElement(d.z,{value:l},r.createElement(s,(0,o.Z)({},i,n)))}})}const f=[{path:"/blog",component:p("/blog","346"),exact:!0},{path:"/blog/archive",component:p("/blog/archive","fa2"),exact:!0},{path:"/blog/blog-posting-guidelines",component:p("/blog/blog-posting-guidelines","17a"),exact:!0},{path:"/blog/breaking-the-ice-open-source",component:p("/blog/breaking-the-ice-open-source","62f"),exact:!0},{path:"/blog/Cloud-gaming",component:p("/blog/Cloud-gaming","c80"),exact:!0},{path:"/blog/CNCF-Zero-to-Merge",component:p("/blog/CNCF-Zero-to-Merge","b70"),exact:!0},{path:"/blog/dive-into-web-design",component:p("/blog/dive-into-web-design","88b"),exact:!0},{path:"/blog/intro-to-ai-automation",component:p("/blog/intro-to-ai-automation","210"),exact:!0},{path:"/blog/intro-to-artificial-intelligence",component:p("/blog/intro-to-artificial-intelligence","cbd"),exact:!0},{path:"/blog/intro-to-blockchain",component:p("/blog/intro-to-blockchain","4c6"),exact:!0},{path:"/blog/intro-to-cloud-computing",component:p("/blog/intro-to-cloud-computing","3d5"),exact:!0},{path:"/blog/intro-to-react-js",component:p("/blog/intro-to-react-js","2c2"),exact:!0},{path:"/blog/introduction-to-api",component:p("/blog/introduction-to-api","ce1"),exact:!0},{path:"/blog/linux-basics",component:p("/blog/linux-basics","58f"),exact:!0},{path:"/blog/page/2",component:p("/blog/page/2","512"),exact:!0},{path:"/blog/page/3",component:p("/blog/page/3","86c"),exact:!0},{path:"/blog/page/4",component:p("/blog/page/4","417"),exact:!0},{path:"/blog/page/5",component:p("/blog/page/5","f56"),exact:!0},{path:"/blog/page/6",component:p("/blog/page/6","346"),exact:!0},{path:"/blog/rotaract-club-of-tcet",component:p("/blog/rotaract-club-of-tcet","c11"),exact:!0},{path:"/blog/tags",component:p("/blog/tags","e04"),exact:!0},{path:"/blog/tags/ai",component:p("/blog/tags/ai","4ea"),exact:!0},{path:"/blog/tags/ai/page/2",component:p("/blog/tags/ai/page/2","541"),exact:!0},{path:"/blog/tags/api",component:p("/blog/tags/api","b04"),exact:!0},{path:"/blog/tags/artificial-intelligence",component:p("/blog/tags/artificial-intelligence","799"),exact:!0},{path:"/blog/tags/authentication",component:p("/blog/tags/authentication","5b5"),exact:!0},{path:"/blog/tags/automation",component:p("/blog/tags/automation","81d"),exact:!0},{path:"/blog/tags/blockchain",component:p("/blog/tags/blockchain","bd8"),exact:!0},{path:"/blog/tags/cli",component:p("/blog/tags/cli","b25"),exact:!0},{path:"/blog/tags/cloud",component:p("/blog/tags/cloud","555"),exact:!0},{path:"/blog/tags/cloud-computing",component:p("/blog/tags/cloud-computing","2ee"),exact:!0},{path:"/blog/tags/cncf",component:p("/blog/tags/cncf","dcc"),exact:!0},{path:"/blog/tags/community",component:p("/blog/tags/community","b27"),exact:!0},{path:"/blog/tags/css",component:p("/blog/tags/css","7e9"),exact:!0},{path:"/blog/tags/cultural",component:p("/blog/tags/cultural","858"),exact:!0},{path:"/blog/tags/cyberpunk",component:p("/blog/tags/cyberpunk","700"),exact:!0},{path:"/blog/tags/data",component:p("/blog/tags/data","06b"),exact:!0},{path:"/blog/tags/data-extraction",component:p("/blog/tags/data-extraction","ada"),exact:!0},{path:"/blog/tags/data-science",component:p("/blog/tags/data-science","3ca"),exact:!0},{path:"/blog/tags/data/page/2",component:p("/blog/tags/data/page/2","53d"),exact:!0},{path:"/blog/tags/editorial",component:p("/blog/tags/editorial","0e8"),exact:!0},{path:"/blog/tags/free",component:p("/blog/tags/free","e3b"),exact:!0},{path:"/blog/tags/frontend",component:p("/blog/tags/frontend","654"),exact:!0},{path:"/blog/tags/gaming",component:p("/blog/tags/gaming","d0d"),exact:!0},{path:"/blog/tags/html",component:p("/blog/tags/html","775"),exact:!0},{path:"/blog/tags/innovation",component:p("/blog/tags/innovation","311"),exact:!0},{path:"/blog/tags/integration",component:p("/blog/tags/integration","481"),exact:!0},{path:"/blog/tags/jsx",component:p("/blog/tags/jsx","cd7"),exact:!0},{path:"/blog/tags/linux",component:p("/blog/tags/linux","87f"),exact:!0},{path:"/blog/tags/machine-learning",component:p("/blog/tags/machine-learning","4c3"),exact:!0},{path:"/blog/tags/mental-model",component:p("/blog/tags/mental-model","dbb"),exact:!0},{path:"/blog/tags/mind-benders",component:p("/blog/tags/mind-benders","cbd"),exact:!0},{path:"/blog/tags/nvidia",component:p("/blog/tags/nvidia","4c1"),exact:!0},{path:"/blog/tags/open",component:p("/blog/tags/open","4fe"),exact:!0},{path:"/blog/tags/open-source",component:p("/blog/tags/open-source","bad"),exact:!0},{path:"/blog/tags/react-js",component:p("/blog/tags/react-js","6b1"),exact:!0},{path:"/blog/tags/resonsiveness",component:p("/blog/tags/resonsiveness","80b"),exact:!0},{path:"/blog/tags/social",component:p("/blog/tags/social","b72"),exact:!0},{path:"/blog/tags/software",component:p("/blog/tags/software","529"),exact:!0},{path:"/blog/tags/software/page/2",component:p("/blog/tags/software/page/2","186"),exact:!0},{path:"/blog/tags/source",component:p("/blog/tags/source","a5f"),exact:!0},{path:"/blog/tags/technology",component:p("/blog/tags/technology","7b5"),exact:!0},{path:"/blog/tags/terminal",component:p("/blog/tags/terminal","17b"),exact:!0},{path:"/blog/tags/tmai",component:p("/blog/tags/tmai","776"),exact:!0},{path:"/blog/tags/tui",component:p("/blog/tags/tui","490"),exact:!0},{path:"/blog/tags/virtaul-dom",component:p("/blog/tags/virtaul-dom","514"),exact:!0},{path:"/blog/tags/web-crawling",component:p("/blog/tags/web-crawling","8f6"),exact:!0},{path:"/blog/tags/web-design",component:p("/blog/tags/web-design","fde"),exact:!0},{path:"/blog/tags/work",component:p("/blog/tags/work","d60"),exact:!0},{path:"/blog/tags/zero-to-merge",component:p("/blog/tags/zero-to-merge","96a"),exact:!0},{path:"/blog/tmai-april-2023",component:p("/blog/tmai-april-2023","547"),exact:!0},{path:"/blog/tmai-june-2023",component:p("/blog/tmai-june-2023","5c6"),exact:!0},{path:"/blog/tmai-may-2023",component:p("/blog/tmai-may-2023","ac9"),exact:!0},{path:"/blog/web-crawling",component:p("/blog/web-crawling","c9b"),exact:!0},{path:"/search",component:p("/search","ef7"),exact:!0},{path:"/docs",component:p("/docs","0f7"),routes:[{path:"/docs/about-tcetopensource",component:p("/docs/about-tcetopensource","a55"),exact:!0,sidebar:"docs"},{path:"/docs/category/projects",component:p("/docs/category/projects","efe"),exact:!0,sidebar:"docs"},{path:"/docs/category/resources",component:p("/docs/category/resources","99b"),exact:!0,sidebar:"docs"},{path:"/docs/category/workflows",component:p("/docs/category/workflows","13b"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/about-docs",component:p("/docs/projects/docs-site/about-docs","e12"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/getting-started",component:p("/docs/projects/docs-site/getting-started","9cd"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/",component:p("/docs/projects/docs-site/navbar/","272"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/adding-items",component:p("/docs/projects/docs-site/navbar/adding-items","e26"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/adding-links",component:p("/docs/projects/docs-site/navbar/adding-links","179"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/search-bar",component:p("/docs/projects/docs-site/navbar/search-bar","ed6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/navbar/title-and-logo",component:p("/docs/projects/docs-site/navbar/title-and-logo","152"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/",component:p("/docs/projects/docs-site/sidebar/","83a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-categories",component:p("/docs/projects/docs-site/sidebar/adding-categories","74c"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-items",component:p("/docs/projects/docs-site/sidebar/adding-items","f3e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/adding-links",component:p("/docs/projects/docs-site/sidebar/adding-links","c50"),exact:!0,sidebar:"docs"},{path:"/docs/projects/docs-site/sidebar/multiple-sidebars",component:p("/docs/projects/docs-site/sidebar/multiple-sidebars","db4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/about-fmc-website",component:p("/docs/projects/fmc-website/about-fmc-website","67b"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/button-instructions",component:p("/docs/projects/fmc-website/components/button-instructions","7db"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/cycle-result",component:p("/docs/projects/fmc-website/components/cycle-result","a12"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/defining-cycle",component:p("/docs/projects/fmc-website/components/defining-cycle","ea9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/displaying-cycle",component:p("/docs/projects/fmc-website/components/displaying-cycle","349"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/footer",component:p("/docs/projects/fmc-website/components/footer","78e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/header-help",component:p("/docs/projects/fmc-website/components/header-help","bd8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/components/tech-stacks",component:p("/docs/projects/fmc-website/components/tech-stacks","db4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/getting-started",component:p("/docs/projects/fmc-website/getting-started","ed1"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/average",component:p("/docs/projects/fmc-website/mathematical-logic/average","df3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/calculation",component:p("/docs/projects/fmc-website/mathematical-logic/calculation","5a4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/checker",component:p("/docs/projects/fmc-website/mathematical-logic/checker","c49"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/input-handler",component:p("/docs/projects/fmc-website/mathematical-logic/input-handler","f5d"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/page-interaction",component:p("/docs/projects/fmc-website/mathematical-logic/page-interaction","89e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/perform",component:p("/docs/projects/fmc-website/mathematical-logic/perform","a09"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/scripts",component:p("/docs/projects/fmc-website/mathematical-logic/scripts","eb6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-calculator",component:p("/docs/projects/fmc-website/mathematical-logic/table-calculator","5f8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-manager",component:p("/docs/projects/fmc-website/mathematical-logic/table-manager","268"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-row-updater",component:p("/docs/projects/fmc-website/mathematical-logic/table-row-updater","e50"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-transformation",component:p("/docs/projects/fmc-website/mathematical-logic/table-transformation","bac"),exact:!0,sidebar:"docs"},{path:"/docs/projects/fmc-website/mathematical-logic/table-updater",component:p("/docs/projects/fmc-website/mathematical-logic/table-updater","cd6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/about-resume-screener-website",component:p("/docs/projects/resume-screener-website/about-resume-screener-website","ce4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/about-us",component:p("/docs/projects/resume-screener-website/frontend-components/about-us","fb7"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/ats-resume-template",component:p("/docs/projects/resume-screener-website/frontend-components/ats-resume-template","21a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan",component:p("/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan","62d"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/card",component:p("/docs/projects/resume-screener-website/frontend-components/card","d83"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/footer",component:p("/docs/projects/resume-screener-website/frontend-components/footer","f34"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/guideline",component:p("/docs/projects/resume-screener-website/frontend-components/guideline","401"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/header",component:p("/docs/projects/resume-screener-website/frontend-components/header","8af"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/hero",component:p("/docs/projects/resume-screener-website/frontend-components/hero","070"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/frontend-components/tech-stacks",component:p("/docs/projects/resume-screener-website/frontend-components/tech-stacks","9bc"),exact:!0,sidebar:"docs"},{path:"/docs/projects/resume-screener-website/getting-started",component:p("/docs/projects/resume-screener-website/getting-started","8ad"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/about-tcet-linux-website",component:p("/docs/projects/tcet-linux-website/about-tcet-linux-website","fe7"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard",component:p("/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard","a69"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/download-section",component:p("/docs/projects/tcet-linux-website/frontend-components/download-section","0b2"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/footer",component:p("/docs/projects/tcet-linux-website/frontend-components/footer","ccc"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/hero",component:p("/docs/projects/tcet-linux-website/frontend-components/hero","dd3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/installation-steps",component:p("/docs/projects/tcet-linux-website/frontend-components/installation-steps","626"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/navbar",component:p("/docs/projects/tcet-linux-website/frontend-components/navbar","662"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/tech-stacks",component:p("/docs/projects/tcet-linux-website/frontend-components/tech-stacks","0b1"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/frontend-components/verify-downloads",component:p("/docs/projects/tcet-linux-website/frontend-components/verify-downloads","219"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux-website/getting-started",component:p("/docs/projects/tcet-linux-website/getting-started","b88"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/about-tcet-linux",component:p("/docs/projects/tcet-linux/about-tcet-linux","833"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/getting-started",component:p("/docs/projects/tcet-linux/getting-started","cdb"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/",component:p("/docs/projects/tcet-linux/iso-profile/","a34"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/bootloaders",component:p("/docs/projects/tcet-linux/iso-profile/bootloaders","3e6"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/rootfs",component:p("/docs/projects/tcet-linux/iso-profile/rootfs","fe8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tcet-linux/iso-profile/scripts",component:p("/docs/projects/tcet-linux/iso-profile/scripts","b9a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/about-tnp-website",component:p("/docs/projects/tnp-website/about-tnp-website","6d9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/directory-structure",component:p("/docs/projects/tnp-website/directory-structure","105"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/about-us",component:p("/docs/projects/tnp-website/frontend-components/about-us","e2a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/attendance-chart",component:p("/docs/projects/tnp-website/frontend-components/attendance-chart","2e9"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/companies",component:p("/docs/projects/tnp-website/frontend-components/companies","466"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/components",component:p("/docs/projects/tnp-website/frontend-components/components","bd2"),exact:!0},{path:"/docs/projects/tnp-website/frontend-components/event-page",component:p("/docs/projects/tnp-website/frontend-components/event-page","3f4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/footer",component:p("/docs/projects/tnp-website/frontend-components/footer","736"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/header",component:p("/docs/projects/tnp-website/frontend-components/header","fe8"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/hero",component:p("/docs/projects/tnp-website/frontend-components/hero","e9a"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/industry-interaction",component:p("/docs/projects/tnp-website/frontend-components/industry-interaction","82e"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/internships",component:p("/docs/projects/tnp-website/frontend-components/internships","d25"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/placed-students",component:p("/docs/projects/tnp-website/frontend-components/placed-students","ca3"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/placement",component:p("/docs/projects/tnp-website/frontend-components/placement","1a4"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/student-award",component:p("/docs/projects/tnp-website/frontend-components/student-award","e5f"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/tech-stacks",component:p("/docs/projects/tnp-website/frontend-components/tech-stacks","694"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/testimonials",component:p("/docs/projects/tnp-website/frontend-components/testimonials","e7c"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/top-placed-students",component:p("/docs/projects/tnp-website/frontend-components/top-placed-students","8b5"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/top-recruiters",component:p("/docs/projects/tnp-website/frontend-components/top-recruiters","58f"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/frontend-components/training",component:p("/docs/projects/tnp-website/frontend-components/training","659"),exact:!0,sidebar:"docs"},{path:"/docs/projects/tnp-website/getting-started",component:p("/docs/projects/tnp-website/getting-started","000"),exact:!0,sidebar:"docs"},{path:"/docs/resources/workflows/external-workflow/",component:p("/docs/resources/workflows/external-workflow/","3be"),exact:!0,sidebar:"docs"},{path:"/docs/resources/workflows/internal-workflow/",component:p("/docs/resources/workflows/internal-workflow/","937"),exact:!0,sidebar:"docs"}]},{path:"/",component:p("/","4a7"),exact:!0},{path:"*",component:p("*")}]},8934:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>a});var r=n(7294);const o=r.createContext(!1);function a(e){let{children:t}=e;const[n,a]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{a(!0)}),[]),r.createElement(o.Provider,{value:n},t)}},7221:(e,t,n)=>{"use strict";var r=n(7294),o=n(3935),a=n(3727),i=n(405),s=n(412);const l=[n(2497),n(3310),n(8320),n(2295)];var c=n(723),u=n(6550),d=n(8790);function p(e){let{children:t}=e;return r.createElement(r.Fragment,null,t)}var f=n(7462),m=n(5742),g=n(2263),b=n(4996),h=n(6668),v=n(833),w=n(4711),y=n(9727),k=n(3320),x=n(8780),E=n(197);function S(){const{i18n:{defaultLocale:e,localeConfigs:t}}=(0,g.Z)(),n=(0,w.l)();return r.createElement(m.Z,null,Object.entries(t).map((e=>{let[t,{htmlLang:o}]=e;return r.createElement("link",{key:t,rel:"alternate",href:n.createUrl({locale:t,fullyQualified:!0}),hrefLang:o})})),r.createElement("link",{rel:"alternate",href:n.createUrl({locale:e,fullyQualified:!0}),hrefLang:"x-default"}))}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,g.Z)(),o=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,g.Z)(),{pathname:r}=(0,u.TH)();return e+(0,x.applyTrailingSlash)((0,b.Z)(r),{trailingSlash:n,baseUrl:t})}(),a=t?`${n}${t}`:o;return r.createElement(m.Z,null,r.createElement("meta",{property:"og:url",content:a}),r.createElement("link",{rel:"canonical",href:a}))}function C(){const{i18n:{currentLocale:e}}=(0,g.Z)(),{metadata:t,image:n}=(0,h.L)();return r.createElement(r.Fragment,null,r.createElement(m.Z,null,r.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),r.createElement("body",{className:y.h})),n&&r.createElement(v.d,{image:n}),r.createElement(_,null),r.createElement(S,null),r.createElement(E.Z,{tag:k.HX,locale:e}),r.createElement(m.Z,null,t.map(((e,t)=>r.createElement("meta",(0,f.Z)({key:t},e))))))}const j=new Map;function T(e){if(j.has(e.pathname))return{...e,pathname:j.get(e.pathname)};if((0,d.f)(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return j.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return j.set(e.pathname,t),{...e,pathname:t}}var A=n(8934),L=n(8940);function R(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];const o=l.map((t=>{const r=t.default?.[e]??t[e];return r?.(...n)}));return()=>o.forEach((e=>e?.()))}const P=function(e){let{children:t,location:n,previousLocation:o}=e;return(0,r.useLayoutEffect)((()=>{o!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const r=t.pathname===n.pathname,o=t.hash===n.hash,a=t.search===n.search;if(r&&o&&!a)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:o}),R("onRouteDidUpdate",{previousLocation:o,location:n}))}),[o,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>(0,d.f)(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends r.Component{constructor(e){super(e),this.previousLocation=void 0,this.routeUpdateCleanupCb=void 0,this.previousLocation=null,this.routeUpdateCleanupCb=s.Z.canUseDOM?R("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=R("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return r.createElement(P,{previousLocation:this.previousLocation,location:t},r.createElement(u.AW,{location:t,render:()=>e}))}}const I=O,M="__docusaurus-base-url-issue-banner-container",D="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function z(e){return`\nwindow['${F}'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n var shouldInsert = window['${F}'];\n shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n var bannerContainer = document.getElementById('${M}');\n if (!bannerContainer) {\n return;\n }\n var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${D}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n bannerContainer.innerHTML = bannerHtml;\n var suggestionContainer = document.getElementById('${B}');\n var actualHomePagePath = window.location.pathname;\n var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n ? actualHomePagePath\n : actualHomePagePath + '/';\n suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,g.Z)();return(0,r.useLayoutEffect)((()=>{window[F]=!1}),[]),r.createElement(r.Fragment,null,!s.Z.canUseDOM&&r.createElement(m.Z,null,r.createElement("script",null,z(e))),r.createElement("div",{id:M}))}function $(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,g.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?r.createElement(U,null):null}function q(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:o,localeConfigs:a}}=(0,g.Z)(),i=(0,b.Z)(e),{htmlLang:s,direction:l}=a[o];return r.createElement(m.Z,null,r.createElement("html",{lang:s,dir:l}),r.createElement("title",null,t),r.createElement("meta",{property:"og:title",content:t}),r.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&r.createElement("meta",{name:"robots",content:"noindex, nofollow"}),e&&r.createElement("link",{rel:"icon",href:i}))}var H=n(4763),Z=n(2389);function G(){const e=(0,Z.Z)();return r.createElement(m.Z,null,r.createElement("html",{"data-has-hydrated":e}))}function V(){const e=(0,d.H)(c.Z),t=(0,u.TH)();return r.createElement(H.Z,null,r.createElement(L.M,null,r.createElement(A.t,null,r.createElement(p,null,r.createElement(q,null),r.createElement(C,null),r.createElement($,null),r.createElement(I,{location:T(t)},e)),r.createElement(G,null))))}var W=n(6887);const K=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=()=>t(),r.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(r)}))}:function(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=()=>{200===r.status?t():n()},r.send(null)}))};var Y=n(9670);const Q=new Set,X=new Set,J=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,ee={prefetch(e){if(!(e=>!J()&&!X.has(e)&&!Q.has(e))(e))return!1;Q.add(e);const t=(0,d.f)(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(W).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,Y.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?K(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!J()&&!X.has(e))(e)&&(X.add(e),N(e))},te=Object.freeze(ee);if(s.Z.canUseDOM){window.docusaurus=te;const e=o.hydrate;N(window.location.pathname).then((()=>{e(r.createElement(i.B6,null,r.createElement(a.VK,null,r.createElement(V,null))),document.getElementById("__docusaurus"))}))}},8940:(e,t,n)=>{"use strict";n.d(t,{_:()=>u,M:()=>d});var r=n(7294),o=n(6809);const a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/docs","mainDocId":"about-tcetopensource","docs":[{"id":"about-tcetopensource","path":"/docs/about-tcetopensource","sidebar":"docs"},{"id":"projects/docs-site/about-docs","path":"/docs/projects/docs-site/about-docs","sidebar":"docs"},{"id":"projects/docs-site/getting-started","path":"/docs/projects/docs-site/getting-started","sidebar":"docs"},{"id":"projects/docs-site/navbar/adding-items","path":"/docs/projects/docs-site/navbar/adding-items","sidebar":"docs"},{"id":"projects/docs-site/navbar/adding-links","path":"/docs/projects/docs-site/navbar/adding-links","sidebar":"docs"},{"id":"projects/docs-site/navbar/navbar","path":"/docs/projects/docs-site/navbar/","sidebar":"docs"},{"id":"projects/docs-site/navbar/search-bar","path":"/docs/projects/docs-site/navbar/search-bar","sidebar":"docs"},{"id":"projects/docs-site/navbar/title-and-logo","path":"/docs/projects/docs-site/navbar/title-and-logo","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-categories","path":"/docs/projects/docs-site/sidebar/adding-categories","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-items","path":"/docs/projects/docs-site/sidebar/adding-items","sidebar":"docs"},{"id":"projects/docs-site/sidebar/adding-links","path":"/docs/projects/docs-site/sidebar/adding-links","sidebar":"docs"},{"id":"projects/docs-site/sidebar/multiple-sidebars","path":"/docs/projects/docs-site/sidebar/multiple-sidebars","sidebar":"docs"},{"id":"projects/docs-site/sidebar/sidebar","path":"/docs/projects/docs-site/sidebar/","sidebar":"docs"},{"id":"projects/fmc-website/about-fmc-website","path":"/docs/projects/fmc-website/about-fmc-website","sidebar":"docs"},{"id":"projects/fmc-website/components/button-instructions","path":"/docs/projects/fmc-website/components/button-instructions","sidebar":"docs"},{"id":"projects/fmc-website/components/cycle-result","path":"/docs/projects/fmc-website/components/cycle-result","sidebar":"docs"},{"id":"projects/fmc-website/components/defining-cycle","path":"/docs/projects/fmc-website/components/defining-cycle","sidebar":"docs"},{"id":"projects/fmc-website/components/displaying-cycle","path":"/docs/projects/fmc-website/components/displaying-cycle","sidebar":"docs"},{"id":"projects/fmc-website/components/footer","path":"/docs/projects/fmc-website/components/footer","sidebar":"docs"},{"id":"projects/fmc-website/components/header-help","path":"/docs/projects/fmc-website/components/header-help","sidebar":"docs"},{"id":"projects/fmc-website/components/tech-stacks","path":"/docs/projects/fmc-website/components/tech-stacks","sidebar":"docs"},{"id":"projects/fmc-website/getting-started","path":"/docs/projects/fmc-website/getting-started","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/average","path":"/docs/projects/fmc-website/mathematical-logic/average","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/calculation","path":"/docs/projects/fmc-website/mathematical-logic/calculation","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/checker","path":"/docs/projects/fmc-website/mathematical-logic/checker","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/input-handler","path":"/docs/projects/fmc-website/mathematical-logic/input-handler","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/page-interaction","path":"/docs/projects/fmc-website/mathematical-logic/page-interaction","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/perform","path":"/docs/projects/fmc-website/mathematical-logic/perform","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/scripts","path":"/docs/projects/fmc-website/mathematical-logic/scripts","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-calculator","path":"/docs/projects/fmc-website/mathematical-logic/table-calculator","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-manager","path":"/docs/projects/fmc-website/mathematical-logic/table-manager","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-row-updater","path":"/docs/projects/fmc-website/mathematical-logic/table-row-updater","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-transformation","path":"/docs/projects/fmc-website/mathematical-logic/table-transformation","sidebar":"docs"},{"id":"projects/fmc-website/mathematical-logic/table-updater","path":"/docs/projects/fmc-website/mathematical-logic/table-updater","sidebar":"docs"},{"id":"projects/resume-screener-website/about-resume-screener-website","path":"/docs/projects/resume-screener-website/about-resume-screener-website","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/about-us","path":"/docs/projects/resume-screener-website/frontend-components/about-us","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/ats-resume-template","path":"/docs/projects/resume-screener-website/frontend-components/ats-resume-template","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/ats-resume-test-scan","path":"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/card","path":"/docs/projects/resume-screener-website/frontend-components/card","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/footer","path":"/docs/projects/resume-screener-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/guideline","path":"/docs/projects/resume-screener-website/frontend-components/guideline","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/header","path":"/docs/projects/resume-screener-website/frontend-components/header","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/hero","path":"/docs/projects/resume-screener-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/resume-screener-website/frontend-components/tech-stacks","path":"/docs/projects/resume-screener-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/resume-screener-website/getting-started","path":"/docs/projects/resume-screener-website/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux-website/about-tcet-linux-website","path":"/docs/projects/tcet-linux-website/about-tcet-linux-website","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/copy-to-clipboard","path":"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/download-section","path":"/docs/projects/tcet-linux-website/frontend-components/download-section","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/footer","path":"/docs/projects/tcet-linux-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/hero","path":"/docs/projects/tcet-linux-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/installation-steps","path":"/docs/projects/tcet-linux-website/frontend-components/installation-steps","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/navbar","path":"/docs/projects/tcet-linux-website/frontend-components/navbar","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/tech-stacks","path":"/docs/projects/tcet-linux-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/tcet-linux-website/frontend-components/verify-downloads","path":"/docs/projects/tcet-linux-website/frontend-components/verify-downloads","sidebar":"docs"},{"id":"projects/tcet-linux-website/getting-started","path":"/docs/projects/tcet-linux-website/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux/about-tcet-linux","path":"/docs/projects/tcet-linux/about-tcet-linux","sidebar":"docs"},{"id":"projects/tcet-linux/getting-started","path":"/docs/projects/tcet-linux/getting-started","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/bootloaders","path":"/docs/projects/tcet-linux/iso-profile/bootloaders","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/iso-profile","path":"/docs/projects/tcet-linux/iso-profile/","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/rootfs","path":"/docs/projects/tcet-linux/iso-profile/rootfs","sidebar":"docs"},{"id":"projects/tcet-linux/iso-profile/scripts","path":"/docs/projects/tcet-linux/iso-profile/scripts","sidebar":"docs"},{"id":"projects/tnp-website/about-tnp-website","path":"/docs/projects/tnp-website/about-tnp-website","sidebar":"docs"},{"id":"projects/tnp-website/directory-structure","path":"/docs/projects/tnp-website/directory-structure","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/about-us","path":"/docs/projects/tnp-website/frontend-components/about-us","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/attendance-chart","path":"/docs/projects/tnp-website/frontend-components/attendance-chart","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/companies","path":"/docs/projects/tnp-website/frontend-components/companies","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/components","path":"/docs/projects/tnp-website/frontend-components/components"},{"id":"projects/tnp-website/frontend-components/event-page","path":"/docs/projects/tnp-website/frontend-components/event-page","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/footer","path":"/docs/projects/tnp-website/frontend-components/footer","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/header","path":"/docs/projects/tnp-website/frontend-components/header","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/hero","path":"/docs/projects/tnp-website/frontend-components/hero","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/industry-interaction","path":"/docs/projects/tnp-website/frontend-components/industry-interaction","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/internships","path":"/docs/projects/tnp-website/frontend-components/internships","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/placed-students","path":"/docs/projects/tnp-website/frontend-components/placed-students","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/placement","path":"/docs/projects/tnp-website/frontend-components/placement","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/student-award","path":"/docs/projects/tnp-website/frontend-components/student-award","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/tech-stacks","path":"/docs/projects/tnp-website/frontend-components/tech-stacks","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/testimonials","path":"/docs/projects/tnp-website/frontend-components/testimonials","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/top-placed-students","path":"/docs/projects/tnp-website/frontend-components/top-placed-students","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/top-recruiters","path":"/docs/projects/tnp-website/frontend-components/top-recruiters","sidebar":"docs"},{"id":"projects/tnp-website/frontend-components/training","path":"/docs/projects/tnp-website/frontend-components/training","sidebar":"docs"},{"id":"projects/tnp-website/getting-started","path":"/docs/projects/tnp-website/getting-started","sidebar":"docs"},{"id":"resources/workflows/external-workflow/external-workflow","path":"/docs/resources/workflows/external-workflow/","sidebar":"docs"},{"id":"resources/workflows/internal-workflow/internal-workflow","path":"/docs/resources/workflows/internal-workflow/","sidebar":"docs"},{"id":"/category/projects","path":"/docs/category/projects","sidebar":"docs"},{"id":"/category/resources","path":"/docs/category/resources","sidebar":"docs"},{"id":"/category/workflows","path":"/docs/category/workflows","sidebar":"docs"}],"draftIds":[],"sidebars":{"docs":{"link":{"path":"/docs/about-tcetopensource","label":"about-tcetopensource"}}}}],"breadcrumbs":true}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"}}}');var s=n(7529);const l=JSON.parse('{"docusaurusVersion":"2.4.3","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.4.3"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.4.3"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.4.3"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.4.3"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.4.3"},"docusaurus-theme-search-algolia":{"type":"package","name":"@docusaurus/theme-search-algolia","version":"2.4.3"},"docusaurus-tailwindcss":{"type":"local"}}}'),c={siteConfig:o.default,siteMetadata:l,globalData:a,i18n:i,codeTranslations:s},u=r.createContext(c);function d(e){let{children:t}=e;return r.createElement(u.Provider,{value:c},t)}},4763:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});var r=n(7294),o=n(412),a=n(5742),i=n(8780),s=n(7452);function l(e){let{error:t,tryAgain:n}=e;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"}},r.createElement("h1",{style:{fontSize:"3rem"}},"This page crashed"),r.createElement("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"}},"Try again"),r.createElement(c,{error:t}))}function c(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{style:{whiteSpace:"pre-wrap"}},n)}function u(e){let{error:t,tryAgain:n}=e;return r.createElement(p,{fallback:()=>r.createElement(l,{error:t,tryAgain:n})},r.createElement(a.Z,null,r.createElement("title",null,"Page Error")),r.createElement(s.Z,null,r.createElement(l,{error:t,tryAgain:n})))}const d=e=>r.createElement(u,e);class p extends r.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??d)(e)}return e??null}}},412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:r,canUseEventListeners:r&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:r&&"IntersectionObserver"in window,canUseViewport:r&&"screen"in window}},5742:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(405);function a(e){return r.createElement(o.ql,e)}},9960:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var r=n(7462),o=n(7294),a=n(3727),i=n(8780),s=n(2263),l=n(3919),c=n(412);const u=o.createContext({collectLink:()=>{}});var d=n(4996);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:m,isActive:g,"data-noBrokenLinkCheck":b,autoAddBaseUrl:h=!0,...v}=e;const{siteConfig:{trailingSlash:w,baseUrl:y}}=(0,s.Z)(),{withBaseUrl:k}=(0,d.C)(),x=(0,o.useContext)(u),E=(0,o.useRef)(null);(0,o.useImperativeHandle)(t,(()=>E.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let j=void 0!==C?(T=C,h&&(e=>e.startsWith("/"))(T)?k(T):T):void 0;var T;j&&_&&(j=(0,i.applyTrailingSlash)(j,{trailingSlash:w,baseUrl:y}));const A=(0,o.useRef)(!1),L=n?a.OL:a.rU,R=c.Z.canUseIntersectionObserver,P=(0,o.useRef)(),N=()=>{A.current||null==j||(window.docusaurus.preload(j),A.current=!0)};(0,o.useEffect)((()=>(!R&&_&&null!=j&&window.docusaurus.prefetch(j),()=>{R&&P.current&&P.current.disconnect()})),[P,j,R,_]);const O=j?.startsWith("#")??!1,I=!j||!_||O;return I||b||x.collectLink(j),I?o.createElement("a",(0,r.Z)({ref:E,href:j},S&&!_&&{target:"_blank",rel:"noopener noreferrer"},v)):o.createElement(L,(0,r.Z)({},v,{onMouseEnter:N,onTouchStart:N,innerRef:e=>{E.current=e,R&&e&&_&&(P.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(P.current.unobserve(e),P.current.disconnect(),null!=j&&window.docusaurus.prefetch(j))}))})),P.current.observe(e))},to:j},n&&{isActive:g,activeClassName:m}))}const f=o.forwardRef(p)},5999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l,I:()=>s});var r=n(7294);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,r.isValidElement)(e)))?n.map(((e,t)=>(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}var a=n(7529);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return a[t??n]??n??t}function s(e,t){let{message:n,id:r}=e;return o(i({message:n,id:r}),t)}function l(e){let{children:t,id:n,values:a}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const s=i({message:t,id:n});return r.createElement(r.Fragment,null,o(s,a))}},9935:(e,t,n)=>{"use strict";n.d(t,{m:()=>r});const r="default"},3919:(e,t,n)=>{"use strict";function r(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{Z:()=>o,b:()=>r})},4996:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>s});var r=n(7294),o=n(2263),a=n(3919);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,r.useCallback)(((n,r)=>function(e,t,n,r){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===r?{}:r;if(!n||n.startsWith("#")||(0,a.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const s=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+s:s}(t,e,n,r)),[t,e]);return{withBaseUrl:n}}function s(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2263:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8940);function a(){return(0,r.useContext)(o._)}},2389:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(8934);function a(){return(0,r.useContext)(o._)}},9670:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const r=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[a,i]=n;const s=o?`${o}.${a}`:a;r(i)?e(i,s):t[s]=i}))}(e),t}},226:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>a});var r=n(7294);const o=r.createContext(null);function a(e){let{children:t,value:n}=e;const a=r.useContext(o),i=(0,r.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const r={...t.data,...n?.data};return{plugin:t.plugin,data:r}}({parent:a,value:n})),[a,n]);return r.createElement(o.Provider,{value:i},t)}},143:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>h,gA:()=>f,WS:()=>m,_r:()=>d,Jo:()=>v,zh:()=>p,yW:()=>b,gB:()=>g});var r=n(6550),o=n(2263),a=n(9935);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const s=e=>e.versions.find((e=>e.isLast));function l(e,t){const n=s(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,r.LX)(t,{path:e.path,exact:!1,strict:!1})))}function c(e,t){const n=l(e,t),o=n?.docs.find((e=>!!(0,r.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((r=>{r.id===t&&(n[e.name]=r)}))})),n}(o.id):{}}}const u={},d=()=>i("docusaurus-plugin-content-docs")??u,p=e=>function(e,t,n){void 0===t&&(t=a.m),void 0===n&&(n={});const r=i(e),o=r?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function f(e){void 0===e&&(e={});const t=d(),{pathname:n}=(0,r.TH)();return function(e,t,n){void 0===n&&(n={});const o=Object.entries(e).sort(((e,t)=>t[1].path.localeCompare(e[1].path))).find((e=>{let[,n]=e;return!!(0,r.LX)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error(`Can't find active docs plugin for "${t}" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: ${Object.values(e).map((e=>e.path)).join(", ")}`);return a}(t,n,e)}function m(e){void 0===e&&(e={});const t=f(e),{pathname:n}=(0,r.TH)();if(!t)return;return{activePlugin:t,activeVersion:l(t.pluginData,n)}}function g(e){return p(e).versions}function b(e){const t=p(e);return s(t)}function h(e){const t=p(e),{pathname:n}=(0,r.TH)();return c(t,n)}function v(e){const t=p(e),{pathname:n}=(0,r.TH)();return function(e,t){const n=s(e);return{latestDocSuggestion:c(e,t).alternateDocVersions[n.name],latestVersionSuggestion:n}}(t,n)}},8320:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});var r=n(4865),o=n.n(r);o().configure({showSpinner:!1});const a={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},3310:(e,t,n)=>{"use strict";n.r(t);var r=n(7410),o=n(6809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:r}=t;globalThis.Prism=e,r.forEach((e=>{n(6726)(`./prism-${e}`)})),delete globalThis.Prism}(r.Z)},9471:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294);const o={iconExternalLink:"iconExternalLink_nPIU"};function a(e){let{width:t=13.5,height:n=13.5}=e;return r.createElement("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:o.iconExternalLink},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},7452:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Lt});var r=n(7294),o=n(6010),a=n(4763),i=n(833),s=n(7462),l=n(6550),c=n(5999),u=n(5936);const d="__docusaurus_skipToContent_fallback";function p(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function f(){const e=(0,r.useRef)(null),{action:t}=(0,l.k6)(),n=(0,r.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(d);t&&p(t)}),[]);return(0,u.S)((n=>{let{location:r}=n;e.current&&!r.hash&&"PUSH"===t&&p(e.current)})),{containerRef:e,onClick:n}}const m=(0,c.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function g(e){const t=e.children??m,{containerRef:n,onClick:o}=f();return r.createElement("div",{ref:n,role:"region","aria-label":m},r.createElement("a",(0,s.Z)({},e,{href:`#${d}`,onClick:o}),t))}var b=n(5281),h=n(9727);const v={skipToContent:"skipToContent_fXgn"};function w(){return r.createElement(g,{className:v.skipToContent})}var y=n(6668),k=n(9689);function x(e){let{width:t=21,height:n=21,color:o="currentColor",strokeWidth:a=1.2,className:i,...l}=e;return r.createElement("svg",(0,s.Z)({viewBox:"0 0 15 15",width:t,height:n},l),r.createElement("g",{stroke:o,strokeWidth:a},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}const E={closeButton:"closeButton_CVFx"};function S(e){return r.createElement("button",(0,s.Z)({type:"button","aria-label":(0,c.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},e,{className:(0,o.Z)("clean-btn close",E.closeButton,e.className)}),r.createElement(x,{width:14,height:14,strokeWidth:3.1}))}const _={content:"content_knG7"};function C(e){const{announcementBar:t}=(0,y.L)(),{content:n}=t;return r.createElement("div",(0,s.Z)({},e,{className:(0,o.Z)(_.content,e.className),dangerouslySetInnerHTML:{__html:n}}))}const j={announcementBar:"announcementBar_mb4j",announcementBarPlaceholder:"announcementBarPlaceholder_vyr4",announcementBarClose:"announcementBarClose_gvF7",announcementBarContent:"announcementBarContent_xLdY"};function T(){const{announcementBar:e}=(0,y.L)(),{isActive:t,close:n}=(0,k.nT)();if(!t)return null;const{backgroundColor:o,textColor:a,isCloseable:i}=e;return r.createElement("div",{className:j.announcementBar,style:{backgroundColor:o,color:a},role:"banner"},i&&r.createElement("div",{className:j.announcementBarPlaceholder}),r.createElement(C,{className:j.announcementBarContent}),i&&r.createElement(S,{onClick:n,className:j.announcementBarClose}))}var A=n(3163),L=n(2466);var R=n(902),P=n(3102);const N=r.createContext(null);function O(e){let{children:t}=e;const n=function(){const e=(0,A.e)(),t=(0,P.HY)(),[n,o]=(0,r.useState)(!1),a=null!==t.component,i=(0,R.D9)(a);return(0,r.useEffect)((()=>{a&&!i&&o(!0)}),[a,i]),(0,r.useEffect)((()=>{a?e.shown||o(!0):o(!1)}),[e.shown,a]),(0,r.useMemo)((()=>[n,o]),[n])}();return r.createElement(N.Provider,{value:n},t)}function I(e){if(e.component){const t=e.component;return r.createElement(t,e.props)}}function M(){const e=(0,r.useContext)(N);if(!e)throw new R.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,r.useCallback)((()=>n(!1)),[n]),a=(0,P.HY)();return(0,r.useMemo)((()=>({shown:t,hide:o,content:I(a)})),[o,a,t])}function D(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:i}=M();return r.createElement("div",{className:"navbar-sidebar"},t,r.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":i})},r.createElement("div",{className:"navbar-sidebar__item menu"},n),r.createElement("div",{className:"navbar-sidebar__item menu"},a)))}var B=n(2949),F=n(2389);function z(e){return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"}))}function U(e){return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:24,height:24},e),r.createElement("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"}))}const $={toggle:"toggle_vylO",toggleButton:"toggleButton_gllP",darkToggleIcon:"darkToggleIcon_wfgR",lightToggleIcon:"lightToggleIcon_pyhR",toggleButtonDisabled:"toggleButtonDisabled_aARS"};function q(e){let{className:t,buttonClassName:n,value:a,onChange:i}=e;const s=(0,F.Z)(),l=(0,c.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,c.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,c.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return r.createElement("div",{className:(0,o.Z)($.toggle,t)},r.createElement("button",{className:(0,o.Z)("clean-btn",$.toggleButton,!s&&$.toggleButtonDisabled,n),type:"button",onClick:()=>i("dark"===a?"light":"dark"),disabled:!s,title:l,"aria-label":l,"aria-live":"polite"},r.createElement(z,{className:(0,o.Z)($.toggleIcon,$.lightToggleIcon)}),r.createElement(U,{className:(0,o.Z)($.toggleIcon,$.darkToggleIcon)})))}const H=r.memo(q),Z={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_X3D1"};function G(e){let{className:t}=e;const n=(0,y.L)().navbar.style,o=(0,y.L)().colorMode.disableSwitch,{colorMode:a,setColorMode:i}=(0,B.I)();return o?null:r.createElement(H,{className:t,buttonClassName:"dark"===n?Z.darkNavbarColorModeToggle:void 0,value:a,onChange:i})}var V=n(1327);function W(){return r.createElement(V.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function K(){const e=(0,A.e)();return r.createElement("button",{type:"button","aria-label":(0,c.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle()},r.createElement(x,{color:"var(--ifm-color-emphasis-600)"}))}function Y(){return r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(W,null),r.createElement(G,{className:"margin-right--md"}),r.createElement(K,null))}var Q=n(9960),X=n(4996),J=n(3919),ee=n(8022),te=n(9471);function ne(e){let{activeBasePath:t,activeBaseRegex:n,to:o,href:a,label:i,html:l,isDropdownLink:c,prependBaseUrlToHref:u,...d}=e;const p=(0,X.Z)(o),f=(0,X.Z)(t),m=(0,X.Z)(a,{forcePrependBaseUrl:!0}),g=i&&a&&!(0,J.Z)(a),b=l?{dangerouslySetInnerHTML:{__html:l}}:{children:r.createElement(r.Fragment,null,i,g&&r.createElement(te.Z,c&&{width:12,height:12}))};return a?r.createElement(Q.Z,(0,s.Z)({href:u?m:a},d,b)):r.createElement(Q.Z,(0,s.Z)({to:p,isNavLink:!0},(t||n)&&{isActive:(e,t)=>n?(0,ee.F)(n,t.pathname):t.pathname.startsWith(f)},d,b))}function re(e){let{className:t,isDropdownItem:n=!1,...a}=e;const i=r.createElement(ne,(0,s.Z)({className:(0,o.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n},a));return n?r.createElement("li",null,i):i}function oe(e){let{className:t,isDropdownItem:n,...a}=e;return r.createElement("li",{className:"menu__list-item"},r.createElement(ne,(0,s.Z)({className:(0,o.Z)("menu__link",t)},a)))}function ae(e){let{mobile:t=!1,position:n,...o}=e;const a=t?oe:re;return r.createElement(a,(0,s.Z)({},o,{activeClassName:o.activeClassName??(t?"menu__link--active":"navbar__link--active")}))}var ie=n(6043),se=n(8596),le=n(2263);function ce(e,t){return e.some((e=>function(e,t){return!!(0,se.Mg)(e.to,t)||!!(0,ee.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function ue(e){let{items:t,position:n,className:a,onClick:i,...l}=e;const c=(0,r.useRef)(null),[u,d]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[c]),r.createElement("div",{ref:c,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":u})},r.createElement(ne,(0,s.Z)({"aria-haspopup":"true","aria-expanded":u,role:"button",href:l.to?void 0:"#",className:(0,o.Z)("navbar__link",a)},l,{onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d(!u))}}),l.children??l.label),r.createElement("ul",{className:"dropdown__menu"},t.map(((e,t)=>r.createElement(qe,(0,s.Z)({isDropdownItem:!0,activeClassName:"dropdown__link--active"},e,{key:t}))))))}function de(e){let{items:t,className:n,position:a,onClick:i,...c}=e;const u=function(){const{siteConfig:{baseUrl:e}}=(0,le.Z)(),{pathname:t}=(0,l.TH)();return t.replace(e,"/")}(),d=ce(t,u),{collapsed:p,toggleCollapsed:f,setCollapsed:m}=(0,ie.u)({initialState:()=>!d});return(0,r.useEffect)((()=>{d&&m(!d)}),[u,d,m]),r.createElement("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":p})},r.createElement(ne,(0,s.Z)({role:"button",className:(0,o.Z)("menu__link menu__link--sublist menu__link--sublist-caret",n)},c,{onClick:e=>{e.preventDefault(),f()}}),c.children??c.label),r.createElement(ie.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:p},t.map(((e,t)=>r.createElement(qe,(0,s.Z)({mobile:!0,isDropdownItem:!0,onClick:i,activeClassName:"menu__link--active"},e,{key:t}))))))}function pe(e){let{mobile:t=!1,...n}=e;const o=t?de:ue;return r.createElement(o,n)}var fe=n(4711);function me(e){let{width:t=20,height:n=20,...o}=e;return r.createElement("svg",(0,s.Z)({viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0},o),r.createElement("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"}))}const ge="iconLanguage_nlXk";function be(){return r.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},r.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}var he=n(830),ve=["translations"];function we(){return we=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},we.apply(this,arguments)}function ye(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ke(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ke(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function xe(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Ee="Ctrl";var Se=r.forwardRef((function(e,t){var n=e.translations,o=void 0===n?{}:n,a=xe(e,ve),i=o.buttonText,s=void 0===i?"Search":i,l=o.buttonAriaLabel,c=void 0===l?"Search":l,u=ye((0,r.useState)(null),2),d=u[0],p=u[1];return(0,r.useEffect)((function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?p("\u2318"):p(Ee))}),[]),r.createElement("button",we({type:"button",className:"DocSearch DocSearch-Button","aria-label":c},a,{ref:t}),r.createElement("span",{className:"DocSearch-Button-Container"},r.createElement(he.W,null),r.createElement("span",{className:"DocSearch-Button-Placeholder"},s)),r.createElement("span",{className:"DocSearch-Button-Keys"},null!==d&&r.createElement(r.Fragment,null,r.createElement("kbd",{className:"DocSearch-Button-Key"},d===Ee?r.createElement(be,null):d),r.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))})),_e=n(5742),Ce=n(6177),je=n(239),Te=n(3320);var Ae=n(3935);const Le={button:{buttonText:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"}),buttonAriaLabel:(0,c.I)({id:"theme.SearchBar.label",message:"Search",description:"The ARIA label and placeholder for search button"})},modal:{searchBox:{resetButtonTitle:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),resetButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.resetButtonTitle",message:"Clear the query",description:"The label and ARIA label for search box reset button"}),cancelButtonText:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"}),cancelButtonAriaLabel:(0,c.I)({id:"theme.SearchModal.searchBox.cancelButtonText",message:"Cancel",description:"The label and ARIA label for search box cancel button"})},startScreen:{recentSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.recentSearchesTitle",message:"Recent",description:"The title for recent searches"}),noRecentSearchesText:(0,c.I)({id:"theme.SearchModal.startScreen.noRecentSearchesText",message:"No recent searches",description:"The text when no recent searches"}),saveRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.saveRecentSearchButtonTitle",message:"Save this search",description:"The label for save recent search button"}),removeRecentSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeRecentSearchButtonTitle",message:"Remove this search from history",description:"The label for remove recent search button"}),favoriteSearchesTitle:(0,c.I)({id:"theme.SearchModal.startScreen.favoriteSearchesTitle",message:"Favorite",description:"The title for favorite searches"}),removeFavoriteSearchButtonTitle:(0,c.I)({id:"theme.SearchModal.startScreen.removeFavoriteSearchButtonTitle",message:"Remove this search from favorites",description:"The label for remove favorite search button"})},errorScreen:{titleText:(0,c.I)({id:"theme.SearchModal.errorScreen.titleText",message:"Unable to fetch results",description:"The title for error screen of search modal"}),helpText:(0,c.I)({id:"theme.SearchModal.errorScreen.helpText",message:"You might want to check your network connection.",description:"The help text for error screen of search modal"})},footer:{selectText:(0,c.I)({id:"theme.SearchModal.footer.selectText",message:"to select",description:"The explanatory text of the action for the enter key"}),selectKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.selectKeyAriaLabel",message:"Enter key",description:"The ARIA label for the Enter key button that makes the selection"}),navigateText:(0,c.I)({id:"theme.SearchModal.footer.navigateText",message:"to navigate",description:"The explanatory text of the action for the Arrow up and Arrow down key"}),navigateUpKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.navigateUpKeyAriaLabel",message:"Arrow up",description:"The ARIA label for the Arrow up key button that makes the navigation"}),navigateDownKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.navigateDownKeyAriaLabel",message:"Arrow down",description:"The ARIA label for the Arrow down key button that makes the navigation"}),closeText:(0,c.I)({id:"theme.SearchModal.footer.closeText",message:"to close",description:"The explanatory text of the action for Escape key"}),closeKeyAriaLabel:(0,c.I)({id:"theme.SearchModal.footer.closeKeyAriaLabel",message:"Escape key",description:"The ARIA label for the Escape key button that close the modal"}),searchByText:(0,c.I)({id:"theme.SearchModal.footer.searchByText",message:"Search by",description:"The text explain that the search is making by Algolia"})},noResultsScreen:{noResultsText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.noResultsText",message:"No results for",description:"The text explains that there are no results for the following search"}),suggestedQueryText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.suggestedQueryText",message:"Try searching for",description:"The text for the suggested query when no results are found for the following search"}),reportMissingResultsText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsText",message:"Believe this query should return results?",description:"The text for the question where the user thinks there are missing results"}),reportMissingResultsLinkText:(0,c.I)({id:"theme.SearchModal.noResultsScreen.reportMissingResultsLinkText",message:"Let us know.",description:"The text for the link to report missing results"})}},placeholder:(0,c.I)({id:"theme.SearchModal.placeholder",message:"Search docs",description:"The placeholder of the input of the DocSearch pop-up modal"})};let Re=null;function Pe(e){let{hit:t,children:n}=e;return r.createElement(Q.Z,{to:t.url},n)}function Ne(e){let{state:t,onClose:n}=e;const o=(0,Ce.M)();return r.createElement(Q.Z,{to:o(t.query),onClick:n},r.createElement(c.Z,{id:"theme.SearchBar.seeAll",values:{count:t.context.nbHits}},"See all {count} results"))}function Oe(e){let{contextualSearch:t,externalUrlRegex:o,...a}=e;const{siteMetadata:i}=(0,le.Z)(),c=(0,je.l)(),u=function(){const{locale:e,tags:t}=(0,Te._q)();return[`language:${e}`,t.map((e=>`docusaurus_tag:${e}`))]}(),d=a.searchParameters?.facetFilters??[],p=t?function(e,t){const n=e=>"string"==typeof e?[e]:e;return[...n(e),...n(t)]}(u,d):d,f={...a.searchParameters,facetFilters:p},m=(0,l.k6)(),g=(0,r.useRef)(null),b=(0,r.useRef)(null),[h,v]=(0,r.useState)(!1),[w,y]=(0,r.useState)(void 0),k=(0,r.useCallback)((()=>Re?Promise.resolve():Promise.all([n.e(1426).then(n.bind(n,6672)),Promise.all([n.e(532),n.e(6945)]).then(n.bind(n,6945)),Promise.all([n.e(532),n.e(8894)]).then(n.bind(n,8894))]).then((e=>{let[{DocSearchModal:t}]=e;Re=t}))),[]),x=(0,r.useCallback)((()=>{k().then((()=>{g.current=document.createElement("div"),document.body.insertBefore(g.current,document.body.firstChild),v(!0)}))}),[k,v]),E=(0,r.useCallback)((()=>{v(!1),g.current?.remove()}),[v]),S=(0,r.useCallback)((e=>{k().then((()=>{v(!0),y(e.key)}))}),[k,v,y]),_=(0,r.useRef)({navigate(e){let{itemUrl:t}=e;(0,ee.F)(o,t)?window.location.href=t:m.push(t)}}).current,C=(0,r.useRef)((e=>a.transformItems?a.transformItems(e):e.map((e=>({...e,url:c(e.url)}))))).current,j=(0,r.useMemo)((()=>e=>r.createElement(Ne,(0,s.Z)({},e,{onClose:E}))),[E]),T=(0,r.useCallback)((e=>(e.addAlgoliaAgent("docusaurus",i.docusaurusVersion),e)),[i.docusaurusVersion]);return function(e){var t=e.isOpen,n=e.onOpen,o=e.onClose,a=e.onInput,i=e.searchButtonRef;r.useEffect((function(){function e(e){var r;(27===e.keyCode&&t||"k"===(null===(r=e.key)||void 0===r?void 0:r.toLowerCase())&&(e.metaKey||e.ctrlKey)||!function(e){var t=e.target,n=t.tagName;return t.isContentEditable||"INPUT"===n||"SELECT"===n||"TEXTAREA"===n}(e)&&"/"===e.key&&!t)&&(e.preventDefault(),t?o():document.body.classList.contains("DocSearch--active")||document.body.classList.contains("DocSearch--active")||n()),i&&i.current===document.activeElement&&a&&/[a-zA-Z0-9]/.test(String.fromCharCode(e.keyCode))&&a(e)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[t,n,o,a,i])}({isOpen:h,onOpen:x,onClose:E,onInput:S,searchButtonRef:b}),r.createElement(r.Fragment,null,r.createElement(_e.Z,null,r.createElement("link",{rel:"preconnect",href:`https://${a.appId}-dsn.algolia.net`,crossOrigin:"anonymous"})),r.createElement(Se,{onTouchStart:k,onFocus:k,onMouseOver:k,onClick:x,ref:b,translations:Le.button}),h&&Re&&g.current&&(0,Ae.createPortal)(r.createElement(Re,(0,s.Z)({onClose:E,initialScrollY:window.scrollY,initialQuery:w,navigator:_,transformItems:C,hitComponent:Pe,transformSearchClient:T},a.searchPagePath&&{resultsFooterComponent:j},a,{searchParameters:f,placeholder:Le.placeholder,translations:Le.modal})),g.current))}function Ie(){const{siteConfig:e}=(0,le.Z)();return r.createElement(Oe,e.themeConfig.algolia)}const Me={searchBox:"searchBox_ZlJk"};function De(e){let{children:t,className:n}=e;return r.createElement("div",{className:(0,o.Z)(n,Me.searchBox)},t)}var Be=n(143),Fe=n(3438);var ze=n(373);const Ue=e=>e.docs.find((t=>t.id===e.mainDocId));const $e={default:ae,localeDropdown:function(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:o,...a}=e;const{i18n:{currentLocale:i,locales:u,localeConfigs:d}}=(0,le.Z)(),p=(0,fe.l)(),{search:f,hash:m}=(0,l.TH)(),g=[...n,...u.map((e=>{const n=`${`pathname://${p.createUrl({locale:e,fullyQualified:!1})}`}${f}${m}`;return{label:d[e].label,lang:d[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===i?t?"menu__link--active":"dropdown__link--active":""}})),...o],b=t?(0,c.I)({message:"Languages",id:"theme.navbar.mobileLanguageDropdown.label",description:"The label for the mobile language switcher dropdown"}):d[i].label;return r.createElement(pe,(0,s.Z)({},a,{mobile:t,label:r.createElement(r.Fragment,null,r.createElement(me,{className:ge}),b),items:g}))},search:function(e){let{mobile:t,className:n}=e;return t?null:r.createElement(De,{className:n},r.createElement(Ie,null))},dropdown:pe,html:function(e){let{value:t,className:n,mobile:a=!1,isDropdownItem:i=!1}=e;const s=i?"li":"div";return r.createElement(s,{className:(0,o.Z)({navbar__item:!a&&!i,"menu__list-item":a},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:o,...a}=e;const{activeDoc:i}=(0,Be.Iw)(o),l=(0,Fe.vY)(t,o);return null===l?null:r.createElement(ae,(0,s.Z)({exact:!0},a,{isActive:()=>i?.path===l.path||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path}))},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:o,...a}=e;const{activeDoc:i}=(0,Be.Iw)(o),l=(0,Fe.oz)(t,o).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return r.createElement(ae,(0,s.Z)({exact:!0},a,{isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path}))},docsVersion:function(e){let{label:t,to:n,docsPluginId:o,...a}=e;const i=(0,Fe.lO)(o)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return r.createElement(ae,(0,s.Z)({},a,{label:l,to:c}))},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:o,dropdownItemsBefore:a,dropdownItemsAfter:i,...u}=e;const{search:d,hash:p}=(0,l.TH)(),f=(0,Be.Iw)(n),m=(0,Be.gB)(n),{savePreferredVersionName:g}=(0,ze.J)(n),b=[...a,...m.map((e=>{const t=f.alternateDocVersions[e.name]??Ue(e);return{label:e.label,to:`${t.path}${d}${p}`,isActive:()=>e===f.activeVersion,onClick:()=>g(e.name)}})),...i],h=(0,Fe.lO)(n)[0],v=t&&b.length>1?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):h.label,w=t&&b.length>1?void 0:Ue(h).path;return b.length<=1?r.createElement(ae,(0,s.Z)({},u,{mobile:t,label:v,to:w,isActive:o?()=>!1:void 0})):r.createElement(pe,(0,s.Z)({},u,{mobile:t,label:v,to:w,items:b,isActive:o?()=>!1:void 0}))}};function qe(e){let{type:t,...n}=e;const o=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),a=$e[o];if(!a)throw new Error(`No NavbarItem component found for type "${t}".`);return r.createElement(a,n)}function He(){const e=(0,A.e)(),t=(0,y.L)().navbar.items;return r.createElement("ul",{className:"menu__list"},t.map(((t,n)=>r.createElement(qe,(0,s.Z)({mobile:!0},t,{onClick:()=>e.toggle(),key:n})))))}function Ze(e){return r.createElement("button",(0,s.Z)({},e,{type:"button",className:"clean-btn navbar-sidebar__back"}),r.createElement(c.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu"))}function Ge(){const e=0===(0,y.L)().navbar.items.length,t=M();return r.createElement(r.Fragment,null,!e&&r.createElement(Ze,{onClick:()=>t.hide()}),t.content)}function Ve(){const e=(0,A.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,r.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?r.createElement(D,{header:r.createElement(Y,null),primaryMenu:r.createElement(He,null),secondaryMenu:r.createElement(Ge,null)}):null}const We={navbarHideable:"navbarHideable_m1mJ",navbarHidden:"navbarHidden_jGov"};function Ke(e){return r.createElement("div",(0,s.Z)({role:"presentation"},e,{className:(0,o.Z)("navbar-sidebar__backdrop",e.className)}))}function Ye(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:a}}=(0,y.L)(),i=(0,A.e)(),{navbarRef:s,isNavbarVisible:l}=function(e){const[t,n]=(0,r.useState)(e),o=(0,r.useRef)(!1),a=(0,r.useRef)(0),i=(0,r.useCallback)((e=>{null!==e&&(a.current=e.getBoundingClientRect().height)}),[]);return(0,L.RF)(((t,r)=>{let{scrollY:i}=t;if(!e)return;if(i<a.current)return void n(!0);if(o.current)return void(o.current=!1);const s=r?.scrollY,l=document.documentElement.scrollHeight-a.current,c=window.innerHeight;s&&i>=s?n(!1):i+c<l&&n(!0)})),(0,u.S)((t=>{if(!e)return;const r=t.location.hash;if(r?document.getElementById(r.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return r.createElement("nav",{ref:s,"aria-label":(0,c.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,o.Z)("navbar","navbar--fixed-top",n&&[We.navbarHideable,!l&&We.navbarHidden],{"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown})},t,r.createElement(Ke,{onClick:i.toggle}),r.createElement(Ve,null))}var Qe=n(8780);const Xe={errorBoundaryError:"errorBoundaryError_a6uf"};function Je(e){return r.createElement("button",(0,s.Z)({type:"button"},e),r.createElement(c.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error"},"Try again"))}function et(e){let{error:t}=e;const n=(0,Qe.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return r.createElement("p",{className:Xe.errorBoundaryError},n)}class tt extends r.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}const nt="right";function rt(e){let{width:t=30,height:n=30,className:o,...a}=e;return r.createElement("svg",(0,s.Z)({className:o,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true"},a),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))}function ot(){const{toggle:e,shown:t}=(0,A.e)();return r.createElement("button",{onClick:e,"aria-label":(0,c.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button"},r.createElement(rt,null))}const at={colorModeToggle:"colorModeToggle_DEke"};function it(e){let{items:t}=e;return r.createElement(r.Fragment,null,t.map(((e,t)=>r.createElement(tt,{key:t,onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t})},r.createElement(qe,e)))))}function st(e){let{left:t,right:n}=e;return r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},t),r.createElement("div",{className:"navbar__items navbar__items--right"},n))}function lt(){const e=(0,A.e)(),t=(0,y.L)().navbar.items,[n,o]=function(e){function t(e){return"left"===(e.position??nt)}return[e.filter(t),e.filter((e=>!t(e)))]}(t),a=t.find((e=>"search"===e.type));return r.createElement(st,{left:r.createElement(r.Fragment,null,!e.disabled&&r.createElement(ot,null),r.createElement(W,null),r.createElement(it,{items:n})),right:r.createElement(r.Fragment,null,r.createElement(it,{items:o}),r.createElement(G,{className:at.colorModeToggle}),!a&&r.createElement(De,null,r.createElement(Ie,null)))})}function ct(){return r.createElement(Ye,null,r.createElement(lt,null))}function ut(e){let{item:t}=e;const{to:n,href:o,label:a,prependBaseUrlToHref:i,...l}=t,c=(0,X.Z)(n),u=(0,X.Z)(o,{forcePrependBaseUrl:!0});return r.createElement(Q.Z,(0,s.Z)({className:"footer__link-item"},o?{href:i?u:o}:{to:c},l),a,o&&!(0,J.Z)(o)&&r.createElement(te.Z,null))}function dt(e){let{item:t}=e;return t.html?r.createElement("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement("li",{key:t.href??t.to,className:"footer__item"},r.createElement(ut,{item:t}))}function pt(e){let{column:t}=e;return r.createElement("div",{className:"col footer__col"},r.createElement("div",{className:"footer__title"},t.title),r.createElement("ul",{className:"footer__items clean-list"},t.items.map(((e,t)=>r.createElement(dt,{key:t,item:e})))))}function ft(e){let{columns:t}=e;return r.createElement("div",{className:"row footer__links"},t.map(((e,t)=>r.createElement(pt,{key:t,column:e}))))}function mt(){return r.createElement("span",{className:"footer__link-separator"},"\xb7")}function gt(e){let{item:t}=e;return t.html?r.createElement("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):r.createElement(ut,{item:t})}function bt(e){let{links:t}=e;return r.createElement("div",{className:"footer__links text--center"},r.createElement("div",{className:"footer__links"},t.map(((e,n)=>r.createElement(r.Fragment,{key:n},r.createElement(gt,{item:e}),t.length!==n+1&&r.createElement(mt,null))))))}function ht(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?r.createElement(ft,{columns:t}):r.createElement(bt,{links:t})}var vt=n(941);const wt={footerLogoLink:"footerLogoLink_BH7S"};function yt(e){let{logo:t}=e;const{withBaseUrl:n}=(0,X.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return r.createElement(vt.Z,{className:(0,o.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function kt(e){let{logo:t}=e;return t.href?r.createElement(Q.Z,{href:t.href,className:wt.footerLogoLink,target:t.target},r.createElement(yt,{logo:t})):r.createElement(yt,{logo:t})}function xt(e){let{copyright:t}=e;return r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Et(e){let{style:t,links:n,logo:a,copyright:i}=e;return r.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===t})},r.createElement("div",{className:"container container-fluid"},n,(a||i)&&r.createElement("div",{className:"footer__bottom text--center"},a&&r.createElement("div",{className:"margin-bottom--sm"},a),i)))}function St(){const{footer:e}=(0,y.L)();if(!e)return null;const{copyright:t,links:n,logo:o,style:a}=e;return r.createElement(Et,{style:a,links:n&&n.length>0&&r.createElement(ht,{links:n}),logo:o&&r.createElement(kt,{logo:o}),copyright:t&&r.createElement(xt,{copyright:t})})}const _t=r.memo(St),Ct=(0,R.Qc)([B.S,k.pl,L.OC,ze.L5,i.VC,function(e){let{children:t}=e;return r.createElement(P.n2,null,r.createElement(A.M,null,r.createElement(O,null,t)))}]);function jt(e){let{children:t}=e;return r.createElement(Ct,null,t)}function Tt(e){let{error:t,tryAgain:n}=e;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(c.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("div",{className:"margin-vert--lg"},r.createElement(Je,{onClick:n,className:"button button--primary shadow--lw"})),r.createElement("hr",null),r.createElement("div",{className:"margin-vert--md"},r.createElement(et,{error:t})))))}const At={mainWrapper:"mainWrapper_z2l0"};function Lt(e){const{children:t,noFooter:n,wrapperClassName:s,title:l,description:c}=e;return(0,h.t)(),r.createElement(jt,null,r.createElement(i.d,{title:l,description:c}),r.createElement(w,null),r.createElement(T,null),r.createElement(ct,null),r.createElement("div",{id:d,className:(0,o.Z)(b.k.wrapper.main,At.mainWrapper,s)},r.createElement(a.Z,{fallback:e=>r.createElement(Tt,e)},t)),!n&&r.createElement(_t,null))}},1327:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var r=n(7462),o=n(7294),a=n(9960),i=n(4996),s=n(2263),l=n(6668),c=n(941);function u(e){let{logo:t,alt:n,imageClassName:r}=e;const a={light:(0,i.Z)(t.src),dark:(0,i.Z)(t.srcDark||t.src)},s=o.createElement(c.Z,{className:t.className,sources:a,height:t.height,width:t.width,alt:n,style:t.style});return r?o.createElement("div",{className:r},s):s}function d(e){const{siteConfig:{title:t}}=(0,s.Z)(),{navbar:{title:n,logo:c}}=(0,l.L)(),{imageClassName:d,titleClassName:p,...f}=e,m=(0,i.Z)(c?.href||"/"),g=n?"":t,b=c?.alt??g;return o.createElement(a.Z,(0,r.Z)({to:m},f,c?.target&&{target:c.target}),c&&o.createElement(u,{logo:c,alt:b,imageClassName:d}),null!=n&&o.createElement("b",{className:p},n))}},197:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(7294),o=n(5742);function a(e){let{locale:t,version:n,tag:a}=e;const i=t;return r.createElement(o.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),a&&r.createElement("meta",{name:"docusaurus_tag",content:a}),i&&r.createElement("meta",{name:"docsearch:language",content:i}),n&&r.createElement("meta",{name:"docsearch:version",content:n}),a&&r.createElement("meta",{name:"docsearch:docusaurus_tag",content:a}))}},941:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(7462),o=n(7294),a=n(6010),i=n(2389),s=n(2949);const l={themedImage:"themedImage_ToTc","themedImage--light":"themedImage--light_HNdA","themedImage--dark":"themedImage--dark_i4oU"};function c(e){const t=(0,i.Z)(),{colorMode:n}=(0,s.I)(),{sources:c,className:u,alt:d,...p}=e,f=t?"dark"===n?["dark"]:["light"]:["light","dark"];return o.createElement(o.Fragment,null,f.map((e=>o.createElement("img",(0,r.Z)({key:e,src:c[e],alt:d,className:(0,a.Z)(l.themedImage,l[`themedImage--${e}`],u)},p)))))}},6043:(e,t,n)=>{"use strict";n.d(t,{u:()=>l,z:()=>b});var r=n(7462),o=n(7294),a=n(412),i=n(1442);const s="ease-in-out";function l(e){let{initialState:t}=e;const[n,r]=(0,o.useState)(t??!1),a=(0,o.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:a}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const a=(0,o.useRef)(!1);(0,o.useEffect)((()=>{const e=t.current;function o(){const t=e.scrollHeight,n=r?.duration??function(e){if((0,i.n)())return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}(t);return{transition:`height ${n}ms ${r?.easing??s}`,height:`${t}px`}}function l(){const t=o();e.style.transition=t.transition,e.style.height=t.height}if(!a.current)return d(e,n),void(a.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(l(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{l()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function f(e){if(!a.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:a,onCollapseTransitionEnd:i,className:s,disableSSRStyle:l}=e;const c=(0,o.useRef)(null);return p({collapsibleRef:c,collapsed:n,animation:a}),o.createElement(t,{ref:c,style:l?void 0:f(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(c.current,n),i?.(n))},className:s},r)}function g(e){let{collapsed:t,...n}=e;const[a,i]=(0,o.useState)(!t),[s,l]=(0,o.useState)(t);return(0,o.useLayoutEffect)((()=>{t||i(!0)}),[t]),(0,o.useLayoutEffect)((()=>{a&&l(t)}),[a,t]),a?o.createElement(m,(0,r.Z)({},n,{collapsed:s})):null}function b(e){let{lazy:t,...n}=e;const r=t?g:m;return o.createElement(r,n)}},9689:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>f});var r=n(7294),o=n(2389),a=n(12),i=n(902),s=n(6668);const l=(0,a.WA)("docusaurus.announcement.dismiss"),c=(0,a.WA)("docusaurus.announcement.id"),u=()=>"true"===l.get(),d=e=>l.set(String(e)),p=r.createContext(null);function f(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,s.L)(),t=(0,o.Z)(),[n,a]=(0,r.useState)((()=>!!t&&u()));(0,r.useEffect)((()=>{a(u())}),[]);const i=(0,r.useCallback)((()=>{d(!0),a(!0)}),[]);return(0,r.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=c.get();"annoucement-bar"===n&&(n="announcement-bar");const r=t!==n;c.set(t),r&&d(!1),!r&&u()||a(!1)}),[e]),(0,r.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return r.createElement(p.Provider,{value:n},t)}function m(){const e=(0,r.useContext)(p);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},2949:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>g});var r=n(7294),o=n(412),a=n(902),i=n(12),s=n(6668);const l=r.createContext(void 0),c="theme",u=(0,i.WA)(c),d={light:"light",dark:"dark"},p=e=>e===d.dark?d.dark:d.light,f=e=>o.Z.canUseDOM?p(document.documentElement.getAttribute("data-theme")):p(e),m=e=>{u.set(p(e))};function g(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,s.L)(),[o,a]=(0,r.useState)(f(e));(0,r.useEffect)((()=>{t&&u.del()}),[t]);const i=(0,r.useCallback)((function(t,r){void 0===r&&(r={});const{persist:o=!0}=r;t?(a(t),o&&m(t)):(a(n?window.matchMedia("(prefers-color-scheme: dark)").matches?d.dark:d.light:e),u.del())}),[n,e]);(0,r.useEffect)((()=>{document.documentElement.setAttribute("data-theme",p(o))}),[o]),(0,r.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==c)return;const t=u.get();null!==t&&i(p(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const l=(0,r.useRef)(!1);return(0,r.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>{window.matchMedia("print").matches||l.current?l.current=window.matchMedia("print").matches:i(null)};return e.addListener(r),()=>e.removeListener(r)}),[i,t,n]),(0,r.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===d.dark},setLightTheme(){i(d.light)},setDarkTheme(){i(d.dark)}})),[o,i])}();return r.createElement(l.Provider,{value:n},t)}function b(){const e=(0,r.useContext)(l);if(null==e)throw new a.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},373:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b,Oh:()=>w});var r=n(7294),o=n(143),a=n(9935),i=n(6668),s=n(3438),l=n(902),c=n(12);const u=e=>`docs-preferred-version-${e}`,d={save:(e,t,n)=>{(0,c.WA)(u(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(u(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(u(e),{persistence:t}).del()}},p=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const f=r.createContext(null);function m(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,r.useMemo)((()=>Object.keys(e)),[e]),[a,s]=(0,r.useState)((()=>p(n)));(0,r.useEffect)((()=>{s(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:r}=e;function o(e){const t=d.read(e,n);return r[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(d.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[a,(0,r.useMemo)((()=>({savePreferredVersion:function(e,n){d.save(e,t,n),s((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function g(e){let{children:t}=e;const n=m();return r.createElement(f.Provider,{value:n},t)}function b(e){let{children:t}=e;return s.cE?r.createElement(g,null,t):r.createElement(r.Fragment,null,t)}function h(){const e=(0,r.useContext)(f);if(!e)throw new l.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=a.m);const t=(0,o.zh)(e),[n,i]=h(),{preferredVersionName:s}=n[e];return{preferredVersion:t.versions.find((e=>e.name===s))??null,savePreferredVersionName:(0,r.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}function w(){const e=(0,o._r)(),[t]=h();function n(n){const r=e[n],{preferredVersionName:o}=t[n];return r.versions.find((e=>e.name===o))??null}const r=Object.keys(e);return Object.fromEntries(r.map((e=>[e,n(e)])))}},1116:(e,t,n)=>{"use strict";n.d(t,{V:()=>l,b:()=>s});var r=n(7294),o=n(902);const a=Symbol("EmptyContext"),i=r.createContext(a);function s(e){let{children:t,name:n,items:o}=e;const a=(0,r.useMemo)((()=>n&&o?{name:n,items:o}:null),[n,o]);return r.createElement(i.Provider,{value:a},t)}function l(){const e=(0,r.useContext)(i);if(e===a)throw new o.i6("DocsSidebarProvider");return e}},4477:(e,t,n)=>{"use strict";n.d(t,{E:()=>s,q:()=>i});var r=n(7294),o=n(902);const a=r.createContext(null);function i(e){let{children:t,version:n}=e;return r.createElement(a.Provider,{value:n},t)}function s(){const e=(0,r.useContext)(a);if(null===e)throw new o.i6("DocsVersionProvider");return e}},3163:(e,t,n)=>{"use strict";n.d(t,{M:()=>d,e:()=>p});var r=n(7294),o=n(3102),a=n(7524),i=n(1980),s=n(6668),l=n(902);const c=r.createContext(void 0);function u(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,s.L)().navbar;return 0===t.length&&!e.component}(),t=(0,a.i)(),n=!e&&"mobile"===t,[l,c]=(0,r.useState)(!1);(0,i.Rb)((()=>{if(l)return c(!1),!1}));const u=(0,r.useCallback)((()=>{c((e=>!e))}),[]);return(0,r.useEffect)((()=>{"desktop"===t&&c(!1)}),[t]),(0,r.useMemo)((()=>({disabled:e,shouldRender:n,toggle:u,shown:l})),[e,n,u,l])}function d(e){let{children:t}=e;const n=u();return r.createElement(c.Provider,{value:n},t)}function p(){const e=r.useContext(c);if(void 0===e)throw new l.i6("NavbarMobileSidebarProvider");return e}},3102:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,Zo:()=>l,n2:()=>i});var r=n(7294),o=n(902);const a=r.createContext(null);function i(e){let{children:t}=e;const n=(0,r.useState)({component:null,props:null});return r.createElement(a.Provider,{value:n},t)}function s(){const e=(0,r.useContext)(a);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}function l(e){let{component:t,props:n}=e;const i=(0,r.useContext)(a);if(!i)throw new o.i6("NavbarSecondaryMenuContentProvider");const[,s]=i,l=(0,o.Ql)(n);return(0,r.useEffect)((()=>{s({component:t,props:l})}),[s,t,l]),(0,r.useEffect)((()=>()=>s({component:null,props:null})),[s]),null}},9727:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>a});var r=n(7294);const o="navigation-with-keyboard";function a(){(0,r.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},6177:(e,t,n)=>{"use strict";n.d(t,{K:()=>s,M:()=>l});var r=n(7294),o=n(2263),a=n(1980);const i="q";function s(){return(0,a.Nc)(i)}function l(){const{siteConfig:{baseUrl:e,themeConfig:t}}=(0,o.Z)(),{algolia:{searchPagePath:n}}=t;return(0,r.useCallback)((t=>`${e}${n}?${i}=${encodeURIComponent(t)}`),[e,n])}},7524:(e,t,n)=>{"use strict";n.d(t,{i:()=>c});var r=n(7294),o=n(412);const a={desktop:"desktop",mobile:"mobile",ssr:"ssr"},i=996;function s(){return o.Z.canUseDOM?window.innerWidth>i?a.desktop:a.mobile:a.ssr}const l=!1;function c(){const[e,t]=(0,r.useState)((()=>l?"ssr":s()));return(0,r.useEffect)((()=>{function e(){t(s())}const n=l?window.setTimeout(e,1e3):void 0;return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),clearTimeout(n)}}),[]),e}},5281:(e,t,n)=>{"use strict";n.d(t,{k:()=>r});const r={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},1442:(e,t,n)=>{"use strict";function r(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}n.d(t,{n:()=>r})},3438:(e,t,n)=>{"use strict";n.d(t,{MN:()=>_,Wl:()=>m,_F:()=>v,cE:()=>p,hI:()=>S,jA:()=>g,lO:()=>k,oz:()=>x,s1:()=>y,vY:()=>E,xz:()=>f});var r=n(7294),o=n(6550),a=n(8790),i=n(143),s=n(373),l=n(4477),c=n(1116),u=n(7392),d=n(8596);const p=!!i._r;function f(e){const t=(0,l.E)();if(!e)return;const n=t.docs[e];if(!n)throw new Error(`no version doc found by id=${e}`);return n}function m(e){if(e.href)return e.href;for(const t of e.items){if("link"===t.type)return t.href;if("category"===t.type){const e=m(t);if(e)return e}}}function g(){const{pathname:e}=(0,o.TH)(),t=(0,c.V)();if(!t)throw new Error("Unexpected: cant find current sidebar in context");const n=w({sidebarItems:t.items,pathname:e,onlyCategories:!0}).slice(-1)[0];if(!n)throw new Error(`${e} is not associated with a category. useCurrentSidebarCategory() should only be used on category index pages.`);return n}const b=(e,t)=>void 0!==e&&(0,d.Mg)(e,t),h=(e,t)=>e.some((e=>v(e,t)));function v(e,t){return"link"===e.type?b(e.href,t):"category"===e.type&&(b(e.href,t)||h(e.items,t))}function w(e){let{sidebarItems:t,pathname:n,onlyCategories:r=!1}=e;const o=[];return function e(t){for(const a of t)if("category"===a.type&&((0,d.Mg)(a.href,n)||e(a.items))||"link"===a.type&&(0,d.Mg)(a.href,n)){return r&&"category"!==a.type||o.unshift(a),!0}return!1}(t),o}function y(){const e=(0,c.V)(),{pathname:t}=(0,o.TH)(),n=(0,i.gA)()?.pluginData.breadcrumbs;return!1!==n&&e?w({sidebarItems:e.items,pathname:t}):null}function k(e){const{activeVersion:t}=(0,i.Iw)(e),{preferredVersion:n}=(0,s.J)(e),o=(0,i.yW)(e);return(0,r.useMemo)((()=>(0,u.j)([t,n,o].filter(Boolean))),[t,n,o])}function x(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),r=t.find((t=>t[0]===e));if(!r)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return r[1]}),[e,n])}function E(e,t){const n=k(t);return(0,r.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),r=t.find((t=>t.id===e));if(!r){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${(0,u.j)(t.map((e=>e.id))).join("\n- ")}`)}return r}),[e,n])}function S(e){let{route:t,versionMetadata:n}=e;const r=(0,o.TH)(),i=t.routes,s=i.find((e=>(0,o.LX)(r.pathname,e)));if(!s)return null;const l=s.sidebar,c=l?n.docsSidebars[l]:void 0;return{docElement:(0,a.H)(i),sidebarName:l,sidebarItems:c}}function _(e){return e.filter((e=>"category"!==e.type||!!m(e)))}},2128:(e,t,n)=>{"use strict";n.d(t,{p:()=>o});var r=n(2263);function o(e){const{siteConfig:t}=(0,r.Z)(),{title:n,titleDelimiter:o}=t;return e?.trim().length?`${e.trim()} ${o} ${n}`:n}},1980:(e,t,n)=>{"use strict";n.d(t,{Nc:()=>c,Rb:()=>s,_X:()=>l});var r=n(7294),o=n(6550),a=n(1688),i=n(902);function s(e){!function(e){const t=(0,o.k6)(),n=(0,i.zX)(e);(0,r.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}function l(e){return function(e){const t=(0,o.k6)();return(0,a.useSyncExternalStore)(t.listen,(()=>e(t)),(()=>e(t)))}((t=>null===e?null:new URLSearchParams(t.location.search).get(e)))}function c(e){const t=l(e)??"",n=function(){const e=(0,o.k6)();return(0,r.useCallback)(((t,n,r)=>{const o=new URLSearchParams(e.location.search);n?o.set(t,n):o.delete(t),(r?.push?e.push:e.replace)({search:o.toString()})}),[e])}();return[t,(0,r.useCallback)(((t,r)=>{n(e,t,r)}),[n,e])]}},7392:(e,t,n)=>{"use strict";function r(e,t){return void 0===t&&(t=(e,t)=>e===t),e.filter(((n,r)=>e.findIndex((e=>t(e,n)))!==r))}function o(e){return Array.from(new Set(e))}n.d(t,{j:()=>o,l:()=>r})},833:(e,t,n)=>{"use strict";n.d(t,{FG:()=>p,d:()=>u,VC:()=>f});var r=n(7294),o=n(6010),a=n(5742),i=n(226);function s(){const e=r.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var l=n(4996),c=n(2128);function u(e){let{title:t,description:n,keywords:o,image:i,children:s}=e;const u=(0,c.p)(t),{withBaseUrl:d}=(0,l.C)(),p=i?d(i,{absolute:!0}):void 0;return r.createElement(a.Z,null,t&&r.createElement("title",null,u),t&&r.createElement("meta",{property:"og:title",content:u}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),o&&r.createElement("meta",{name:"keywords",content:Array.isArray(o)?o.join(","):o}),p&&r.createElement("meta",{property:"og:image",content:p}),p&&r.createElement("meta",{name:"twitter:image",content:p}),s)}const d=r.createContext(void 0);function p(e){let{className:t,children:n}=e;const i=r.useContext(d),s=(0,o.Z)(i,t);return r.createElement(d.Provider,{value:s},r.createElement(a.Z,null,r.createElement("html",{className:s})),n)}function f(e){let{children:t}=e;const n=s(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const i=`plugin-id-${n.plugin.id}`;return r.createElement(p,{className:(0,o.Z)(a,i)},t)}},902:(e,t,n)=>{"use strict";n.d(t,{D9:()=>i,Qc:()=>c,Ql:()=>l,i6:()=>s,zX:()=>a});var r=n(7294);const o=n(412).Z.canUseDOM?r.useLayoutEffect:r.useEffect;function a(e){const t=(0,r.useRef)(e);return o((()=>{t.current=e}),[e]),(0,r.useCallback)((function(){return t.current(...arguments)}),[])}function i(e){const t=(0,r.useRef)();return o((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function l(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,r.useMemo)((()=>e),t.flat())}function c(e){return t=>{let{children:n}=t;return r.createElement(r.Fragment,null,e.reduceRight(((e,t)=>r.createElement(t,null,e)),n))}}},8022:(e,t,n)=>{"use strict";function r(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>r})},8596:(e,t,n)=>{"use strict";n.d(t,{Mg:()=>i,Ns:()=>s});var r=n(7294),o=n(723),a=n(2263);function i(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}function s(){const{baseUrl:e}=(0,a.Z)().siteConfig;return(0,r.useMemo)((()=>function(e){let{baseUrl:t,routes:n}=e;function r(e){return e.path===t&&!0===e.exact}function o(e){return e.path===t&&!e.exact}return function e(t){if(0===t.length)return;return t.find(r)||e(t.filter(o).flatMap((e=>e.routes??[])))}(n)}({routes:o.Z,baseUrl:e})),[e])}},2466:(e,t,n)=>{"use strict";n.d(t,{Ct:()=>f,OC:()=>l,RF:()=>d,o5:()=>p});var r=n(7294),o=n(412),a=n(2389),i=n(902);const s=r.createContext(void 0);function l(e){let{children:t}=e;const n=function(){const e=(0,r.useRef)(!0);return(0,r.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return r.createElement(s.Provider,{value:n},t)}function c(){const e=(0,r.useContext)(s);if(null==e)throw new i.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,r.useRef)(u()),a=(0,i.zX)(e);(0,r.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();a(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[a,n,...t])}function p(){const e=c(),t=function(){const e=(0,r.useRef)({elem:null,top:0}),t=(0,r.useCallback)((t=>{e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,r.useCallback)((()=>{const{current:{elem:t,top:n}}=e;if(!t)return{restored:!1};const r=t.getBoundingClientRect().top-n;return r&&window.scrollBy({left:0,top:r}),e.current={elem:null,top:0},{restored:0!==r}}),[]);return(0,r.useMemo)((()=>({save:t,restore:n})),[n,t])}(),n=(0,r.useRef)(void 0),o=(0,r.useCallback)((r=>{t.save(r),e.disableScrollEvents(),n.current=()=>{const{restored:r}=t.restore();if(n.current=void 0,r){const t=()=>{e.enableScrollEvents(),window.removeEventListener("scroll",t)};window.addEventListener("scroll",t)}else e.enableScrollEvents()}}),[e,t]);return(0,r.useLayoutEffect)((()=>{queueMicrotask((()=>n.current?.()))})),{blockElementScrollPositionUntilNextRender:o}}function f(){const e=(0,r.useRef)(null),t=(0,a.Z)()&&"smooth"===getComputedStyle(document.documentElement).scrollBehavior;return{startScroll:n=>{e.current=t?function(e){return window.scrollTo({top:e,behavior:"smooth"}),()=>{}}(n):function(e){let t=null;const n=document.documentElement.scrollTop>e;return function r(){const o=document.documentElement.scrollTop;(n&&o>e||!n&&o<e)&&(t=requestAnimationFrame(r),window.scrollTo(0,Math.floor(.85*(o-e))+e))}(),()=>t&&cancelAnimationFrame(t)}(n)},cancelScroll:()=>e.current?.()}}},3320:(e,t,n)=>{"use strict";n.d(t,{HX:()=>i,_q:()=>l,os:()=>s});var r=n(143),o=n(2263),a=n(373);const i="default";function s(e,t){return`docs-${e}-${t}`}function l(){const{i18n:e}=(0,o.Z)(),t=(0,r._r)(),n=(0,r.WS)(),l=(0,a.Oh)();const c=[i,...Object.keys(t).map((function(e){const r=n?.activePlugin.pluginId===e?n.activeVersion:void 0,o=l[e],a=t[e].versions.find((e=>e.isLast));return s(e,(r??o??a).name)}))];return{locale:e.currentLocale,tags:c}}},12:(e,t,n)=>{"use strict";n.d(t,{Nk:()=>d,WA:()=>u});var r=n(7294),o=n(1688);const a="localStorage";function i(e){let{key:t,oldValue:n,newValue:r,storage:o}=e;if(n===r)return;const a=document.createEvent("StorageEvent");a.initStorageEvent("storage",!1,!1,t,n,r,window.location.href,o),window.dispatchEvent(a)}function s(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}let l=!1;const c={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function u(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=s(t?.persistence);return null===n?c:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const r=n.getItem(e);n.setItem(e,t),i({key:e,oldValue:r,newValue:t,storage:n})}catch(r){console.error(`Docusaurus storage error, can't set ${e}=${t}`,r)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),i({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const r=r=>{r.storageArea===n&&r.key===e&&t(r)};return window.addEventListener("storage",r),()=>window.removeEventListener("storage",r)}catch(r){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,r),()=>{}}}}}function d(e,t){const n=(0,r.useRef)((()=>null===e?c:u(e,t))).current(),a=(0,r.useCallback)((e=>"undefined"==typeof window?()=>{}:n.listen(e)),[n]);return[(0,o.useSyncExternalStore)(a,(()=>"undefined"==typeof window?null:n.get()),(()=>null)),n]}},4711:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var r=n(2263),o=n(6550),a=n(8780);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:s}}=(0,r.Z)(),{pathname:l}=(0,o.TH)(),c=(0,a.applyTrailingSlash)(l,{trailingSlash:n,baseUrl:e}),u=s===i?e:e.replace(`/${s}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:r}=e;return`${r?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5936:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var r=n(7294),o=n(6550),a=n(902);function i(e){const t=(0,o.TH)(),n=(0,a.D9)(t),i=(0,a.zX)(e);(0,r.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},6668:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var r=n(2263);function o(){return(0,r.Z)().siteConfig.themeConfig}},6278:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var r=n(2263);function o(){const{siteConfig:{themeConfig:e}}=(0,r.Z)();return e}},239:(e,t,n)=>{"use strict";n.d(t,{l:()=>s});var r=n(7294),o=n(8022),a=n(4996),i=n(6278);function s(){const{withBaseUrl:e}=(0,a.C)(),{algolia:{externalUrlRegex:t,replaceSearchResultPathname:n}}=(0,i.L)();return(0,r.useCallback)((r=>{const a=new URL(r);if((0,o.F)(t,a.href))return r;const i=`${a.pathname+a.hash}`;return e(function(e,t){return t?e.replaceAll(new RegExp(t.from,"g"),t.to):e}(i,n))}),[e,t,n])}},8802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:r}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),a="/"===o||o===r?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,a)}},4143:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}});var a=n(4143);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return a.getErrorCausalChain}})},6010:(e,t,n)=>{"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},9318:(e,t,n)=>{"use strict";n.d(t,{lX:()=>y,q_:()=>C,ob:()=>f,PP:()=>T,Ep:()=>p});var r=n(7462);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],s=e&&o(e),l=t&&o(t),c=s||l;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?a(i,p):".."===f?(a(i,p),d++):d&&(a(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};var s=n(8776);function l(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function f(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(s){throw s instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):s}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function m(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var g=!("undefined"==typeof window||!window.document||!window.document.createElement);function b(e,t){t(window.confirm(e))}var h="popstate",v="hashchange";function w(){try{return window.history.state||{}}catch(e){return{}}}function y(e){void 0===e&&(e={}),g||(0,s.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,y=void 0!==c&&c,k=i.getUserConfirmation,x=void 0===k?b:k,E=i.keyLength,S=void 0===E?6:E,_=e.basename?d(l(e.basename)):"";function C(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return _&&(a=u(a,_)),f(a,r,n)}function j(){return Math.random().toString(36).substr(2,S)}var T=m();function A(e){(0,r.Z)(U,e),U.length=n.length,T.notifyListeners(U.location,U.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(C(e.state))}function R(){N(C(w()))}var P=!1;function N(e){if(P)P=!1,A();else{T.confirmTransitionTo(e,"POP",x,(function(t){t?A({action:"POP",location:e}):function(e){var t=U.location,n=I.indexOf(t.key);-1===n&&(n=0);var r=I.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(P=!0,D(o))}(e)}))}}var O=C(w()),I=[O.key];function M(e){return _+p(e)}function D(e){n.go(e)}var B=0;function F(e){1===(B+=e)&&1===e?(window.addEventListener(h,L),a&&window.addEventListener(v,R)):0===B&&(window.removeEventListener(h,L),a&&window.removeEventListener(v,R))}var z=!1;var U={length:n.length,action:"POP",location:O,createHref:M,push:function(e,t){var r="PUSH",a=f(e,t,j(),U.location);T.confirmTransitionTo(a,r,x,(function(e){if(e){var t=M(a),i=a.key,s=a.state;if(o)if(n.pushState({key:i,state:s},null,t),y)window.location.href=t;else{var l=I.indexOf(U.location.key),c=I.slice(0,l+1);c.push(a.key),I=c,A({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=f(e,t,j(),U.location);T.confirmTransitionTo(a,r,x,(function(e){if(e){var t=M(a),i=a.key,s=a.state;if(o)if(n.replaceState({key:i,state:s},null,t),y)window.location.replace(t);else{var l=I.indexOf(U.location.key);-1!==l&&(I[l]=a.key),A({action:r,location:a})}else window.location.replace(t)}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&(e=!1);var t=T.setPrompt(e);return z||(F(1),z=!0),function(){return z&&(z=!1,F(-1)),t()}},listen:function(e){var t=T.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var k="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:l},slash:{encodePath:l,decodePath:l}};function E(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(E(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),g||(0,s.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?b:o,i=n.hashType,c=void 0===i?"slash":i,h=e.basename?d(l(e.basename)):"",v=x[c],w=v.encodePath,y=v.decodePath;function C(){var e=y(S());return h&&(e=u(e,h)),f(e)}var j=m();function T(e){(0,r.Z)(z,e),z.length=t.length,j.notifyListeners(z.location,z.action)}var A=!1,L=null;function R(){var e,t,n=S(),r=w(n);if(n!==r)_(r);else{var o=C(),i=z.location;if(!A&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===p(o))return;L=null,function(e){if(A)A=!1,T();else{var t="POP";j.confirmTransitionTo(e,t,a,(function(n){n?T({action:t,location:e}):function(e){var t=z.location,n=I.lastIndexOf(p(t));-1===n&&(n=0);var r=I.lastIndexOf(p(e));-1===r&&(r=0);var o=n-r;o&&(A=!0,M(o))}(e)}))}}(o)}}var P=S(),N=w(P);P!==N&&_(N);var O=C(),I=[p(O)];function M(e){t.go(e)}var D=0;function B(e){1===(D+=e)&&1===e?window.addEventListener(k,R):0===D&&window.removeEventListener(k,R)}var F=!1;var z={length:t.length,action:"POP",location:O,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=E(window.location.href)),n+"#"+w(h+p(e))},push:function(e,t){var n="PUSH",r=f(e,void 0,void 0,z.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=w(h+t);if(S()!==o){L=t,function(e){window.location.hash=e}(o);var a=I.lastIndexOf(p(z.location)),i=I.slice(0,a+1);i.push(t),I=i,T({action:n,location:r})}else T()}}))},replace:function(e,t){var n="REPLACE",r=f(e,void 0,void 0,z.location);j.confirmTransitionTo(r,n,a,(function(e){if(e){var t=p(r),o=w(h+t);S()!==o&&(L=t,_(o));var a=I.indexOf(p(z.location));-1!==a&&(I[a]=t),T({action:n,location:r})}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=j.setPrompt(e);return F||(B(1),F=!0),function(){return F&&(F=!1,B(-1)),t()}},listen:function(e){var t=j.appendListener(e);return B(1),function(){B(-1),t()}}};return z}function j(e,t,n){return Math.min(Math.max(e,t),n)}function T(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,s=void 0===i?0:i,l=t.keyLength,c=void 0===l?6:l,u=m();function d(e){(0,r.Z)(y,e),y.length=y.entries.length,u.notifyListeners(y.location,y.action)}function g(){return Math.random().toString(36).substr(2,c)}var b=j(s,0,a.length-1),h=a.map((function(e){return f(e,void 0,"string"==typeof e?g():e.key||g())})),v=p;function w(e){var t=j(y.index+e,0,y.entries.length-1),r=y.entries[t];u.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var y={length:h.length,action:"POP",location:h[b],index:b,entries:h,createHref:v,push:function(e,t){var r="PUSH",o=f(e,t,g(),y.location);u.confirmTransitionTo(o,r,n,(function(e){if(e){var t=y.index+1,n=y.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=f(e,t,g(),y.location);u.confirmTransitionTo(o,r,n,(function(e){e&&(y.entries[y.index]=o,d({action:r,location:o}))}))},go:w,goBack:function(){w(-1)},goForward:function(){w(1)},canGo:function(e){var t=y.index+e;return t>=0&&t<y.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return y}},8679:(e,t,n)=>{"use strict";var r=n(9864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?i:s[e.$$typeof]||o}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=f(n);o&&o!==m&&e(t,o,r)}var i=u(n);d&&(i=i.concat(d(n)));for(var s=l(t),g=l(n),b=0;b<i.length;++b){var h=i[b];if(!(a[h]||r&&r[h]||g&&g[h]||s&&s[h])){var v=p(n,h);try{c(t,h,v)}catch(w){}}}}return t}},1143:e=>{"use strict";e.exports=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,i,s],u=0;(l=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw l.framesToPop=1,l}}},5826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},2497:(e,t,n)=>{"use strict";n.r(t)},2295:(e,t,n)=>{"use strict";n.r(t)},4865:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),c=a.querySelector(r.barSelector),u=r.speed,d=r.easing;return a.offsetWidth,s((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),l(c,i(e,u,d)),1===e?(l(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){l(a,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),s=e?"-100":a(n.status||0),c=document.querySelector(r.parent);return l(i,{transition:"all 0 linear",transform:"translate3d("+s+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var s=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),l=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),r=n+t;c(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=p(e);c(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},7418:e=>{"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,o){for(var a,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in a=Object(arguments[l]))n.call(a,c)&&(s[c]=a[c]);if(t){i=t(a);for(var u=0;u<i.length;u++)r.call(a,i[u])&&(s[i[u]]=a[i[u]])}}return s}},4779:(e,t,n)=>{var r=n(5826);e.exports=f,e.exports.parse=a,e.exports.compile=function(e,t){return s(a(e,t),t)},e.exports.tokensToFunction=s,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,s="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(s+=e.slice(i,f),i=f+d.length,p)s+=p[1];else{var m=e[i],g=n[2],b=n[3],h=n[4],v=n[5],w=n[6],y=n[7];s&&(r.push(s),s="");var k=null!=g&&null!=m&&m!==g,x="+"===w||"*"===w,E="?"===w||"*"===w,S=n[2]||u,_=h||v;r.push({name:b||a++,prefix:g||"",delimiter:S,optional:E,repeat:x,partial:k,asterisk:!!y,pattern:_?c(_):y?".*":"[^"+l(S)+"]+?"})}}return i<e.length&&(s+=e.substr(i)),s&&r.push(s),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function s(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",s=t||{},l=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=s[u.name];if(null==p){if(u.optional){u.partial&&(a+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(r(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=l(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');a+=u.prefix+d}}else a+=u}return a}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",s=0;s<e.length;s++){var c=e[s];if("string"==typeof c)i+=l(c);else{var p=l(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var m=l(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(f(e[o],t,n).source);return u(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(a(e,n),t,n)}(e,t,n)}},7410:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var s in a)if(a.hasOwnProperty(s)){if(s==t)for(var l in n)n.hasOwnProperty(l)&&(i[l]=n[l]);n.hasOwnProperty(s)||(i[s]=a[s])}var c=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var s in t)if(t.hasOwnProperty(s)){n.call(t,s,t[s],o||s);var l=t[s],c=r.util.type(l);"Object"!==c||a[i(l)]?"Array"!==c||a[i(l)]||(a[i(l)]=!0,e(l,n,s,a)):(a[i(l)]=!0,e(l,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return r.hooks.run("before-tokenize",a),a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new s;return l(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,s,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var m=0;m<f.length;++m){if(d&&d.cause==p+","+m)return;var g=f[m],b=g.inside,h=!!g.lookbehind,v=!!g.greedy,w=g.alias;if(v&&!g.pattern.global){var y=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,y+"g")}for(var k=g.pattern||g,x=s.next,E=u;x!==t.tail&&!(d&&E>=d.reach);E+=x.value.length,x=x.next){var S=x.value;if(t.length>e.length)return;if(!(S instanceof o)){var _,C=1;if(v){if(!(_=a(k,E,e,h))||_.index>=e.length)break;var j=_.index,T=_.index+_[0].length,A=E;for(A+=x.value.length;j>=A;)A+=(x=x.next).value.length;if(E=A-=x.value.length,x.value instanceof o)continue;for(var L=x;L!==t.tail&&(A<T||"string"==typeof L.value);L=L.next)C++,A+=L.value.length;C--,S=e.slice(E,A),_.index-=E}else if(!(_=a(k,0,S,h)))continue;j=_.index;var R=_[0],P=S.slice(0,j),N=S.slice(j+R.length),O=E+S.length;d&&O>d.reach&&(d.reach=O);var I=x.prev;if(P&&(I=l(t,I,P),E+=P.length),c(t,I,C),x=l(t,I,new o(p,b?r.tokenize(R,b):R,w,R)),N&&l(t,x,N),C>1){var M={cause:p+","+m,reach:O};i(e,t,n,x.prev,E,M),d&&M.reach>d.reach&&(d.reach=M.reach)}}}}}}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function l(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function c(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var s="";for(var l in a.attributes)s+=" "+l+'="'+(a.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+s+">"+a.content+"</"+a.tag+">"},r}(),o=r;r.default=r,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var a={};a[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},o.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o=t[n];if("code"===o.type){var a=o.content[1],i=o.content[3];if(a&&i&&"code-language"===a.type&&"code-block"===i.type&&"string"==typeof a.content){var s=a.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),l="language-"+(s=(/[a-z][\w-]*/i.exec(s)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,l]:i.alias.push(l):i.alias=[l]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r],c=/language-(.+)/.exec(a);if(c){n=c[1];break}}var u,d=e.languages[n];if(d)t.content=e.highlight((u=t.content,u.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),l(n);var r=s[t];return r||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var p="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=p,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(p);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),s={amp:"&",lt:"<",gt:">",quot:'"'},l=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var a=p(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),o.length>0)){var s=p(/^\{$/,/^\}$/);if(-1===s)continue;for(var l=n;l<s;l++){var c=t[l];"variable"===c.type&&o.indexOf(c.content)>=0&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=u(n+t);if(!r||r.type!==e[n])return!1}return!0}function p(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],s=i.content;if("punctuation"===i.type&&"string"==typeof s)if(e.test(s))o++;else if(r.test(s)&&0===--o)return a}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function s(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function l(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function c(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,l(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function u(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,u={},d=l(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=s(i++,r)););return u[n]=o,n})).join(""),n,r),p=Object.keys(u);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=p.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=p[i],a="string"==typeof r?r:r.content,s=a.indexOf(o);if(-1!==s){++i;var l=a.substring(0,s),d=c(u[o]),f=a.substring(s+o.length),m=[];if(l&&m.push(l),m.push(d),f){var g=[f];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var b=r.content;Array.isArray(b)?e(b):e([b])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function p(e){return"string"==typeof e?e:Array.isArray(e)?e.map(p).join(""):p(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,o=n.length;r<o;r++){var a=n[r];if("string"!=typeof a){var i=a.content;if(Array.isArray(i))if("template-string"===a.type){var s=i[1];if(3===i.length&&"string"!=typeof s&&"embedded-code"===s.type){var l=p(s),c=s.alias,d=Array.isArray(c)?c[0]:c,f=e.languages[d];if(!f)continue;i[1]=u(l,f,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];"RegExp"===e.util.type(a)&&(a=e.languages.javascript[o]={pattern:a});var i=a.inside||{};a.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},s=function(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var l=i(o);r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(l+=i(t[r+1]),t.splice(r+1,1)),r>0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(l=i(t[r-1])+l,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",l,null,l)}o.content&&"string"!=typeof o.content&&s(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||s(e.tokens)}))}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,s=i.length;-1!==n.code.indexOf(o=t(r,s));)++s;return i[s]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(s){for(var l=0;l<s.length&&!(o>=a.length);l++){var c=s[l];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=a[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(r,u),m=p.indexOf(f);if(m>-1){++o;var g=p.substring(0,m),b=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),h=p.substring(m+f.length),v=[];g&&v.push.apply(v,i([g])),v.push(b),h&&v.push.apply(v,i([h])),"string"==typeof c?s.splice.apply(s,[l,1].concat(v)):c.content=v}}else c.content&&i(c.content)}return s}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/};const a=o},9901:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:(e,t,n)=>{const r=n(9901),o=n(9642),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6726:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6726},6500:(e,t,n)=>{var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6500},9642:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var s={},l=e[r];if(l){function c(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in s))for(var i in o(t,a),s[t]=!0,n[t])s[i]=!0}t(l.require,c),t(l.optional,c),t(l.modify,c)}n[r]=s,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,s){var l=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),c=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(l);i=i.map(c),s=(s||[]).map(c);var u=n(i),d=n(s);i.forEach((function e(n){var r=l[n];t(r&&r.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=r(l),m=u;o(m);){for(var g in p={},m){var b=l[g];t(b&&b.modify,(function(e){e in d&&(p[e]=!0)}))}for(var h in d)if(!(h in u))for(var v in f(h))if(v in u){p[h]=!0;break}for(var w in m=p)u[w]=!0}var y={getIds:function(){var e=[];return y.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,s={},l={};function c(e){if(e in s)return s[e];l[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=r(e);else{var p=i(u.map((function(e){var t=c(e);return delete l[e],t})));a?o=a(p,(function(){return r(e)})):r(e)}return s[e]=o}for(var u in n)c(u);var d=[];for(var p in l)d.push(s[p]);return i(d)}(f,u,t,n)}};return y}}();e.exports=t},2703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:(e,t,n)=>{"use strict";var r=n(7294),o=n(7418),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(i(227));var s=new Set,l={};function c(e,t){u(e,t),u(e+"Capture",t)}function u(e,t){for(l[e]=t,e=0;e<t.length;e++)s.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f=Object.prototype.hasOwnProperty,m={},g={};function b(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new b(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new b(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new b(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new b(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new b(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new b(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new b(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new b(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new b(e,5,!1,e.toLowerCase(),null,!1,!1)}));var v=/[\-:]([a-z])/g;function w(e){return e[1].toUpperCase()}function y(e,t,n,r){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!f.call(g,e)||!f.call(m,e)&&(p.test(e)?g[e]=!0:(m[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(v,w);h[t]=new b(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new b(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new b("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new b(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=60103,E=60106,S=60107,_=60108,C=60114,j=60109,T=60110,A=60112,L=60113,R=60120,P=60115,N=60116,O=60121,I=60128,M=60129,D=60130,B=60131;if("function"==typeof Symbol&&Symbol.for){var F=Symbol.for;x=F("react.element"),E=F("react.portal"),S=F("react.fragment"),_=F("react.strict_mode"),C=F("react.profiler"),j=F("react.provider"),T=F("react.context"),A=F("react.forward_ref"),L=F("react.suspense"),R=F("react.suspense_list"),P=F("react.memo"),N=F("react.lazy"),O=F("react.block"),F("react.scope"),I=F("react.opaque.id"),M=F("react.debug_trace_mode"),D=F("react.offscreen"),B=F("react.legacy_hidden")}var z,U="function"==typeof Symbol&&Symbol.iterator;function $(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=U&&e[U]||e["@@iterator"])?e:null}function q(e){if(void 0===z)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);z=t&&t[1]||""}return"\n"+z+e}var H=!1;function Z(e,t){if(!e||H)return"";H=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(l){var r=l}Reflect.construct(e,[],t)}else{try{t.call()}catch(l){r=l}e.call(t.prototype)}else{try{throw Error()}catch(l){r=l}e()}}catch(l){if(l&&r&&"string"==typeof l.stack){for(var o=l.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=s);break}}}finally{H=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?q(e):""}function G(e){switch(e.tag){case 5:return q(e.type);case 16:return q("Lazy");case 13:return q("Suspense");case 19:return q("SuspenseList");case 0:case 2:case 15:return e=Z(e.type,!1);case 11:return e=Z(e.type.render,!1);case 22:return e=Z(e.type._render,!1);case 1:return e=Z(e.type,!0);default:return""}}function V(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case S:return"Fragment";case E:return"Portal";case C:return"Profiler";case _:return"StrictMode";case L:return"Suspense";case R:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case j:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case P:return V(e.type);case O:return V(e._render);case N:t=e._payload,e=e._init;try{return V(e(t))}catch(n){}}return null}function W(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function K(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var t=K(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=K(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=W(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&y(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=W(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,W(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+W(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function se(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function le(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:W(n)}}function ce(e,t){var n=W(t.value),r=W(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function fe(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var me,ge,be=(ge=function(e,t){if(e.namespaceURI!==de.svg||"innerHTML"in e)e.innerHTML=t;else{for((me=me||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=me.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return ge(e,t)}))}:ge);function he(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ve={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function ye(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ve.hasOwnProperty(e)&&ve[e]?(""+t).trim():t+"px"}function ke(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ye(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ve).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ve[t]=ve[e]}))}));var xe=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ee(e,t){if(t){if(xe[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function Se(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function _e(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Ce=null,je=null,Te=null;function Ae(e){if(e=no(e)){if("function"!=typeof Ce)throw Error(i(280));var t=e.stateNode;t&&(t=oo(t),Ce(e.stateNode,e.type,t))}}function Le(e){je?Te?Te.push(e):Te=[e]:je=e}function Re(){if(je){var e=je,t=Te;if(Te=je=null,Ae(e),t)for(e=0;e<t.length;e++)Ae(t[e])}}function Pe(e,t){return e(t)}function Ne(e,t,n,r,o){return e(t,n,r,o)}function Oe(){}var Ie=Pe,Me=!1,De=!1;function Be(){null===je&&null===Te||(Oe(),Re())}function Fe(e,t){var n=e.stateNode;if(null===n)return null;var r=oo(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var ze=!1;if(d)try{var Ue={};Object.defineProperty(Ue,"passive",{get:function(){ze=!0}}),window.addEventListener("test",Ue,Ue),window.removeEventListener("test",Ue,Ue)}catch(ge){ze=!1}function $e(e,t,n,r,o,a,i,s,l){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var qe=!1,He=null,Ze=!1,Ge=null,Ve={onError:function(e){qe=!0,He=e}};function We(e,t,n,r,o,a,i,s,l){qe=!1,He=null,$e.apply(Ve,arguments)}function Ke(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Ye(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Qe(e){if(Ke(e)!==e)throw Error(i(188))}function Xe(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ke(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var a=o.alternate;if(null===a){if(null!==(r=o.return)){n=r;continue}break}if(o.child===a.child){for(a=o.child;a;){if(a===n)return Qe(o),e;if(a===r)return Qe(o),t;a=a.sibling}throw Error(i(188))}if(n.return!==r.return)n=o,r=a;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=a;break}if(l===r){s=!0,r=o,n=a;break}l=l.sibling}if(!s){for(l=a.child;l;){if(l===n){s=!0,n=a,r=o;break}if(l===r){s=!0,r=a,n=o;break}l=l.sibling}if(!s)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Je(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var et,tt,nt,rt,ot=!1,at=[],it=null,st=null,lt=null,ct=new Map,ut=new Map,dt=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function ft(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function mt(e,t){switch(e){case"focusin":case"focusout":it=null;break;case"dragenter":case"dragleave":st=null;break;case"mouseover":case"mouseout":lt=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":ut.delete(t.pointerId)}}function gt(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e=ft(t,n,r,o,a),null!==t&&(null!==(t=no(t))&&tt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function bt(e){var t=to(e.target);if(null!==t){var n=Ke(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Ye(n)))return e.blockedOn=t,void rt(e.lanePriority,(function(){a.unstable_runWithPriority(e.priority,(function(){nt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function ht(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=no(n))&&tt(t),e.blockedOn=n,!1;t.shift()}return!0}function vt(e,t,n){ht(e)&&n.delete(t)}function wt(){for(ot=!1;0<at.length;){var e=at[0];if(null!==e.blockedOn){null!==(e=no(e.blockedOn))&&et(e);break}for(var t=e.targetContainers;0<t.length;){var n=Xt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&at.shift()}null!==it&&ht(it)&&(it=null),null!==st&&ht(st)&&(st=null),null!==lt&&ht(lt)&&(lt=null),ct.forEach(vt),ut.forEach(vt)}function yt(e,t){e.blockedOn===t&&(e.blockedOn=null,ot||(ot=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,wt)))}function kt(e){function t(t){return yt(t,e)}if(0<at.length){yt(at[0],e);for(var n=1;n<at.length;n++){var r=at[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==it&&yt(it,e),null!==st&&yt(st,e),null!==lt&&yt(lt,e),ct.forEach(t),ut.forEach(t),n=0;n<dt.length;n++)(r=dt[n]).blockedOn===e&&(r.blockedOn=null);for(;0<dt.length&&null===(n=dt[0]).blockedOn;)bt(n),null===n.blockedOn&&dt.shift()}function xt(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Et={animationend:xt("Animation","AnimationEnd"),animationiteration:xt("Animation","AnimationIteration"),animationstart:xt("Animation","AnimationStart"),transitionend:xt("Transition","TransitionEnd")},St={},_t={};function Ct(e){if(St[e])return St[e];if(!Et[e])return e;var t,n=Et[e];for(t in n)if(n.hasOwnProperty(t)&&t in _t)return St[e]=n[t];return e}d&&(_t=document.createElement("div").style,"AnimationEvent"in window||(delete Et.animationend.animation,delete Et.animationiteration.animation,delete Et.animationstart.animation),"TransitionEvent"in window||delete Et.transitionend.transition);var jt=Ct("animationend"),Tt=Ct("animationiteration"),At=Ct("animationstart"),Lt=Ct("transitionend"),Rt=new Map,Pt=new Map,Nt=["abort","abort",jt,"animationEnd",Tt,"animationIteration",At,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Lt,"transitionEnd","waiting","waiting"];function Ot(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Pt.set(r,t),Rt.set(r,o),c(o,[r])}}(0,a.unstable_now)();var It=8;function Mt(e){if(0!=(1&e))return It=15,1;if(0!=(2&e))return It=14,2;if(0!=(4&e))return It=13,4;var t=24&e;return 0!==t?(It=12,t):0!=(32&e)?(It=11,32):0!==(t=192&e)?(It=10,t):0!=(256&e)?(It=9,256):0!==(t=3584&e)?(It=8,t):0!=(4096&e)?(It=7,4096):0!==(t=4186112&e)?(It=6,t):0!==(t=62914560&e)?(It=5,t):67108864&e?(It=4,67108864):0!=(134217728&e)?(It=3,134217728):0!==(t=805306368&e)?(It=2,t):0!=(1073741824&e)?(It=1,1073741824):(It=8,e)}function Dt(e,t){var n=e.pendingLanes;if(0===n)return It=0;var r=0,o=0,a=e.expiredLanes,i=e.suspendedLanes,s=e.pingedLanes;if(0!==a)r=a,o=It=15;else if(0!==(a=134217727&n)){var l=a&~i;0!==l?(r=Mt(l),o=It):0!==(s&=a)&&(r=Mt(s),o=It)}else 0!==(a=n&~i)?(r=Mt(a),o=It):0!==s&&(r=Mt(s),o=It);if(0===r)return 0;if(r=n&((0>(r=31-qt(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&i)){if(Mt(t),o<=It)return t;It=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-qt(t)),r|=e[n],t&=~o;return r}function Bt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ft(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=zt(24&~t))?Ft(10,t):e;case 10:return 0===(e=zt(192&~t))?Ft(8,t):e;case 8:return 0===(e=zt(3584&~t))&&(0===(e=zt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=zt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function zt(e){return e&-e}function Ut(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function $t(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-qt(t)]=n}var qt=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Ht(e)/Zt|0)|0},Ht=Math.log,Zt=Math.LN2;var Gt=a.unstable_UserBlockingPriority,Vt=a.unstable_runWithPriority,Wt=!0;function Kt(e,t,n,r){Me||Oe();var o=Qt,a=Me;Me=!0;try{Ne(o,e,t,n,r)}finally{(Me=a)||Be()}}function Yt(e,t,n,r){Vt(Gt,Qt.bind(null,e,t,n,r))}function Qt(e,t,n,r){var o;if(Wt)if((o=0==(4&t))&&0<at.length&&-1<pt.indexOf(e))e=ft(null,e,t,n,r),at.push(e);else{var a=Xt(e,t,n,r);if(null===a)o&&mt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=ft(a,e,t,n,r),void at.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return it=gt(it,e,t,n,r,o),!0;case"dragenter":return st=gt(st,e,t,n,r,o),!0;case"mouseover":return lt=gt(lt,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return ct.set(a,gt(ct.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,ut.set(a,gt(ut.get(a)||null,e,t,n,r,o)),!0}return!1}(a,e,t,n,r))return;mt(e,r)}Or(e,t,r,null,n)}}}function Xt(e,t,n,r){var o=_e(r);if(null!==(o=to(o))){var a=Ke(o);if(null===a)o=null;else{var i=a.tag;if(13===i){if(null!==(o=Ye(a)))return o;o=null}else if(3===i){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;o=null}else a!==o&&(o=null)}}return Or(e,t,r,o,n),null}var Jt=null,en=null,tn=null;function nn(){if(tn)return tn;var e,t,n=en,r=n.length,o="value"in Jt?Jt.value:Jt.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return tn=o.slice(e,1<t?1-t:void 0)}function rn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function on(){return!0}function an(){return!1}function sn(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?on:an,this.isPropagationStopped=an,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=on)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=on)},persist:function(){},isPersistent:on}),t}var ln,cn,un,dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=sn(dn),fn=o({},dn,{view:0,detail:0}),mn=sn(fn),gn=o({},fn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:jn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==un&&(un&&"mousemove"===e.type?(ln=e.screenX-un.screenX,cn=e.screenY-un.screenY):cn=ln=0,un=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),bn=sn(gn),hn=sn(o({},gn,{dataTransfer:0})),vn=sn(o({},fn,{relatedTarget:0})),wn=sn(o({},dn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=o({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),kn=sn(yn),xn=sn(o({},dn,{data:0})),En={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},_n={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Cn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=_n[e])&&!!t[e]}function jn(){return Cn}var Tn=o({},fn,{key:function(e){if(e.key){var t=En[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=rn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Sn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:jn,charCode:function(e){return"keypress"===e.type?rn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?rn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),An=sn(Tn),Ln=sn(o({},gn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Rn=sn(o({},fn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:jn})),Pn=sn(o({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Nn=o({},gn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),On=sn(Nn),In=[9,13,27,32],Mn=d&&"CompositionEvent"in window,Dn=null;d&&"documentMode"in document&&(Dn=document.documentMode);var Bn=d&&"TextEvent"in window&&!Dn,Fn=d&&(!Mn||Dn&&8<Dn&&11>=Dn),zn=String.fromCharCode(32),Un=!1;function $n(e,t){switch(e){case"keyup":return-1!==In.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function qn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Hn=!1;var Zn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Gn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Zn[e.type]:"textarea"===t}function Vn(e,t,n,r){Le(r),0<(t=Mr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Wn=null,Kn=null;function Yn(e){Tr(e,0)}function Qn(e){if(Q(ro(e)))return e}function Xn(e,t){if("change"===e)return t}var Jn=!1;if(d){var er;if(d){var tr="oninput"in document;if(!tr){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),tr="function"==typeof nr.oninput}er=tr}else er=!1;Jn=er&&(!document.documentMode||9<document.documentMode)}function rr(){Wn&&(Wn.detachEvent("onpropertychange",or),Kn=Wn=null)}function or(e){if("value"===e.propertyName&&Qn(Kn)){var t=[];if(Vn(t,Kn,e,_e(e)),e=Yn,Me)e(t);else{Me=!0;try{Pe(e,t)}finally{Me=!1,Be()}}}}function ar(e,t,n){"focusin"===e?(rr(),Kn=n,(Wn=t).attachEvent("onpropertychange",or)):"focusout"===e&&rr()}function ir(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Kn)}function sr(e,t){if("click"===e)return Qn(t)}function lr(e,t){if("input"===e||"change"===e)return Qn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},ur=Object.prototype.hasOwnProperty;function dr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!ur.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function fr(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function mr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?mr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function gr(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function br(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var hr=d&&"documentMode"in document&&11>=document.documentMode,vr=null,wr=null,yr=null,kr=!1;function xr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;kr||null==vr||vr!==X(r)||("selectionStart"in(r=vr)&&br(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},yr&&dr(yr,r)||(yr=r,0<(r=Mr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=vr)))}Ot("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Ot("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Ot(Nt,2);for(var Er="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Sr=0;Sr<Er.length;Sr++)Pt.set(Er[Sr],0);u("onMouseEnter",["mouseout","mouseover"]),u("onMouseLeave",["mouseout","mouseover"]),u("onPointerEnter",["pointerout","pointerover"]),u("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var _r="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Cr=new Set("cancel close invalid load scroll toggle".split(" ").concat(_r));function jr(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,a,s,l,c){if(We.apply(this,arguments),qe){if(!qe)throw Error(i(198));var u=He;qe=!1,He=null,Ze||(Ze=!0,Ge=u)}}(r,t,void 0,e),e.currentTarget=null}function Tr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var s=r[i],l=s.instance,c=s.currentTarget;if(s=s.listener,l!==a&&o.isPropagationStopped())break e;jr(o,s,c),a=l}else for(i=0;i<r.length;i++){if(l=(s=r[i]).instance,c=s.currentTarget,s=s.listener,l!==a&&o.isPropagationStopped())break e;jr(o,s,c),a=l}}}if(Ze)throw e=Ge,Ze=!1,Ge=null,e}function Ar(e,t){var n=ao(t),r=e+"__bubble";n.has(r)||(Nr(t,e,2,!1),n.add(r))}var Lr="_reactListening"+Math.random().toString(36).slice(2);function Rr(e){e[Lr]||(e[Lr]=!0,s.forEach((function(t){Cr.has(t)||Pr(t,!1,e,null),Pr(t,!0,e,null)})))}function Pr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&Cr.has(e)){if("scroll"!==e)return;o|=2,a=r}var i=ao(a),s=e+"__"+(t?"capture":"bubble");i.has(s)||(t&&(o|=4),Nr(a,e,o,t),i.add(s))}function Nr(e,t,n,r){var o=Pt.get(t);switch(void 0===o?2:o){case 0:o=Kt;break;case 1:o=Yt;break;default:o=Qt}n=o.bind(null,t,n,e),o=void 0,!ze||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Or(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var s=r.stateNode.containerInfo;if(s===o||8===s.nodeType&&s.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var l=i.tag;if((3===l||4===l)&&((l=i.stateNode.containerInfo)===o||8===l.nodeType&&l.parentNode===o))return;i=i.return}for(;null!==s;){if(null===(i=to(s)))return;if(5===(l=i.tag)||6===l){r=a=i;continue e}s=s.parentNode}}r=r.return}!function(e,t,n){if(De)return e(t,n);De=!0;try{return Ie(e,t,n)}finally{De=!1,Be()}}((function(){var r=a,o=_e(n),i=[];e:{var s=Rt.get(e);if(void 0!==s){var l=pn,c=e;switch(e){case"keypress":if(0===rn(n))break e;case"keydown":case"keyup":l=An;break;case"focusin":c="focus",l=vn;break;case"focusout":c="blur",l=vn;break;case"beforeblur":case"afterblur":l=vn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":l=bn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":l=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":l=Rn;break;case jt:case Tt:case At:l=wn;break;case Lt:l=Pn;break;case"scroll":l=mn;break;case"wheel":l=On;break;case"copy":case"cut":case"paste":l=kn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":l=Ln}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==s?s+"Capture":null:s;u=[];for(var f,m=r;null!==m;){var g=(f=m).stateNode;if(5===f.tag&&null!==g&&(f=g,null!==p&&(null!=(g=Fe(m,p))&&u.push(Ir(m,g,f)))),d)break;m=m.return}0<u.length&&(s=new l(s,c,null,n,o),i.push({event:s,listeners:u}))}}if(0==(7&t)){if(l="mouseout"===e||"pointerout"===e,(!(s="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(c=n.relatedTarget||n.fromElement)||!to(c)&&!c[Jr])&&(l||s)&&(s=o.window===o?o:(s=o.ownerDocument)?s.defaultView||s.parentWindow:window,l?(l=r,null!==(c=(c=n.relatedTarget||n.toElement)?to(c):null)&&(c!==(d=Ke(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(l=null,c=r),l!==c)){if(u=bn,g="onMouseLeave",p="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(u=Ln,g="onPointerLeave",p="onPointerEnter",m="pointer"),d=null==l?s:ro(l),f=null==c?s:ro(c),(s=new u(g,m+"leave",l,n,o)).target=d,s.relatedTarget=f,g=null,to(o)===r&&((u=new u(p,m+"enter",c,n,o)).target=f,u.relatedTarget=d,g=u),d=g,l&&c)e:{for(p=c,m=0,f=u=l;f;f=Dr(f))m++;for(f=0,g=p;g;g=Dr(g))f++;for(;0<m-f;)u=Dr(u),m--;for(;0<f-m;)p=Dr(p),f--;for(;m--;){if(u===p||null!==p&&u===p.alternate)break e;u=Dr(u),p=Dr(p)}u=null}else u=null;null!==l&&Br(i,s,l,u,!1),null!==c&&null!==d&&Br(i,d,c,u,!0)}if("select"===(l=(s=r?ro(r):window).nodeName&&s.nodeName.toLowerCase())||"input"===l&&"file"===s.type)var b=Xn;else if(Gn(s))if(Jn)b=lr;else{b=ir;var h=ar}else(l=s.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===s.type||"radio"===s.type)&&(b=sr);switch(b&&(b=b(e,r))?Vn(i,b,n,o):(h&&h(e,s,r),"focusout"===e&&(h=s._wrapperState)&&h.controlled&&"number"===s.type&&oe(s,"number",s.value)),h=r?ro(r):window,e){case"focusin":(Gn(h)||"true"===h.contentEditable)&&(vr=h,wr=r,yr=null);break;case"focusout":yr=wr=vr=null;break;case"mousedown":kr=!0;break;case"contextmenu":case"mouseup":case"dragend":kr=!1,xr(i,n,o);break;case"selectionchange":if(hr)break;case"keydown":case"keyup":xr(i,n,o)}var v;if(Mn)e:{switch(e){case"compositionstart":var w="onCompositionStart";break e;case"compositionend":w="onCompositionEnd";break e;case"compositionupdate":w="onCompositionUpdate";break e}w=void 0}else Hn?$n(e,n)&&(w="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(w="onCompositionStart");w&&(Fn&&"ko"!==n.locale&&(Hn||"onCompositionStart"!==w?"onCompositionEnd"===w&&Hn&&(v=nn()):(en="value"in(Jt=o)?Jt.value:Jt.textContent,Hn=!0)),0<(h=Mr(r,w)).length&&(w=new xn(w,e,null,n,o),i.push({event:w,listeners:h}),v?w.data=v:null!==(v=qn(n))&&(w.data=v))),(v=Bn?function(e,t){switch(e){case"compositionend":return qn(t);case"keypress":return 32!==t.which?null:(Un=!0,zn);case"textInput":return(e=t.data)===zn&&Un?null:e;default:return null}}(e,n):function(e,t){if(Hn)return"compositionend"===e||!Mn&&$n(e,t)?(e=nn(),tn=en=Jt=null,Hn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Fn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Mr(r,"onBeforeInput")).length&&(o=new xn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=v))}Tr(i,t)}))}function Ir(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Mr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Fe(e,n))&&r.unshift(Ir(e,a,o)),null!=(a=Fe(e,t))&&r.push(Ir(e,a,o))),e=e.return}return r}function Dr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Br(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var s=n,l=s.alternate,c=s.stateNode;if(null!==l&&l===r)break;5===s.tag&&null!==c&&(s=c,o?null!=(l=Fe(n,a))&&i.unshift(Ir(n,l,s)):o||null!=(l=Fe(n,a))&&i.push(Ir(n,l,s))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Fr(){}var zr=null,Ur=null;function $r(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function qr(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Hr="function"==typeof setTimeout?setTimeout:void 0,Zr="function"==typeof clearTimeout?clearTimeout:void 0;function Gr(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Vr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Wr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Kr=0;var Yr=Math.random().toString(36).slice(2),Qr="__reactFiber$"+Yr,Xr="__reactProps$"+Yr,Jr="__reactContainer$"+Yr,eo="__reactEvents$"+Yr;function to(e){var t=e[Qr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Jr]||n[Qr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Wr(e);null!==e;){if(n=e[Qr])return n;e=Wr(e)}return t}n=(e=n).parentNode}return null}function no(e){return!(e=e[Qr]||e[Jr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ro(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function oo(e){return e[Xr]||null}function ao(e){var t=e[eo];return void 0===t&&(t=e[eo]=new Set),t}var io=[],so=-1;function lo(e){return{current:e}}function co(e){0>so||(e.current=io[so],io[so]=null,so--)}function uo(e,t){so++,io[so]=e.current,e.current=t}var po={},fo=lo(po),mo=lo(!1),go=po;function bo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function ho(e){return null!=(e=e.childContextTypes)}function vo(){co(mo),co(fo)}function wo(e,t,n){if(fo.current!==po)throw Error(i(168));uo(fo,t),uo(mo,n)}function yo(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,V(t)||"Unknown",a));return o({},n,r)}function ko(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,go=fo.current,uo(fo,e),uo(mo,mo.current),!0}function xo(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=yo(e,t,go),r.__reactInternalMemoizedMergedChildContext=e,co(mo),co(fo),uo(fo,e)):co(mo),uo(mo,n)}var Eo=null,So=null,_o=a.unstable_runWithPriority,Co=a.unstable_scheduleCallback,jo=a.unstable_cancelCallback,To=a.unstable_shouldYield,Ao=a.unstable_requestPaint,Lo=a.unstable_now,Ro=a.unstable_getCurrentPriorityLevel,Po=a.unstable_ImmediatePriority,No=a.unstable_UserBlockingPriority,Oo=a.unstable_NormalPriority,Io=a.unstable_LowPriority,Mo=a.unstable_IdlePriority,Do={},Bo=void 0!==Ao?Ao:function(){},Fo=null,zo=null,Uo=!1,$o=Lo(),qo=1e4>$o?Lo:function(){return Lo()-$o};function Ho(){switch(Ro()){case Po:return 99;case No:return 98;case Oo:return 97;case Io:return 96;case Mo:return 95;default:throw Error(i(332))}}function Zo(e){switch(e){case 99:return Po;case 98:return No;case 97:return Oo;case 96:return Io;case 95:return Mo;default:throw Error(i(332))}}function Go(e,t){return e=Zo(e),_o(e,t)}function Vo(e,t,n){return e=Zo(e),Co(e,t,n)}function Wo(){if(null!==zo){var e=zo;zo=null,jo(e)}Ko()}function Ko(){if(!Uo&&null!==Fo){Uo=!0;var e=0;try{var t=Fo;Go(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Fo=null}catch(n){throw null!==Fo&&(Fo=Fo.slice(e+1)),Co(Po,Wo),n}finally{Uo=!1}}}var Yo=k.ReactCurrentBatchConfig;function Qo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Xo=lo(null),Jo=null,ea=null,ta=null;function na(){ta=ea=Jo=null}function ra(e){var t=Xo.current;co(Xo),e.type._context._currentValue=t}function oa(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function aa(e,t){Jo=e,ta=ea=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Mi=!0),e.firstContext=null)}function ia(e,t){if(ta!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(ta=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ea){if(null===Jo)throw Error(i(308));ea=t,Jo.dependencies={lanes:0,firstContext:t,responders:null}}else ea=ea.next=t;return e._currentValue}var sa=!1;function la(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ca(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ua(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function da(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function fa(e,t,n,r){var a=e.updateQueue;sa=!1;var i=a.firstBaseUpdate,s=a.lastBaseUpdate,l=a.shared.pending;if(null!==l){a.shared.pending=null;var c=l,u=c.next;c.next=null,null===s?i=u:s.next=u,s=c;var d=e.alternate;if(null!==d){var p=(d=d.updateQueue).lastBaseUpdate;p!==s&&(null===p?d.firstBaseUpdate=u:p.next=u,d.lastBaseUpdate=c)}}if(null!==i){for(p=a.baseState,s=0,d=u=c=null;;){l=i.lane;var f=i.eventTime;if((r&l)===l){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(l=t,f=n,g.tag){case 1:if("function"==typeof(m=g.payload)){p=m.call(f,p,l);break e}p=m;break e;case 3:m.flags=-4097&m.flags|64;case 0:if(null==(l="function"==typeof(m=g.payload)?m.call(f,p,l):m))break e;p=o({},p,l);break e;case 2:sa=!0}}null!==i.callback&&(e.flags|=32,null===(l=a.effects)?a.effects=[i]:l.push(i))}else f={eventTime:f,lane:l,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(u=d=f,c=p):d=d.next=f,s|=l;if(null===(i=i.next)){if(null===(l=a.shared.pending))break;i=l.next,l.next=null,a.lastBaseUpdate=l,a.shared.pending=null}}null===d&&(c=p),a.baseState=c,a.firstBaseUpdate=u,a.lastBaseUpdate=d,Us|=s,e.lanes=s,e.memoizedState=p}}function ma(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(i(191,o));o.call(r)}}}var ga=(new r.Component).refs;function ba(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ha={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=pl(),o=fl(e),a=ua(r,o);a.payload=t,null!=n&&(a.callback=n),da(e,a),ml(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=pl(),o=fl(e),a=ua(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),da(e,a),ml(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=pl(),r=fl(e),o=ua(n,r);o.tag=2,null!=t&&(o.callback=t),da(e,o),ml(e,r,n)}};function va(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!dr(n,r)||!dr(o,a))}function wa(e,t,n){var r=!1,o=po,a=t.contextType;return"object"==typeof a&&null!==a?a=ia(a):(o=ho(t)?go:fo.current,a=(r=null!=(r=t.contextTypes))?bo(e,o):po),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ha,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ya(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ha.enqueueReplaceState(t,t.state,null)}function ka(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=ga,la(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=ia(a):(a=ho(t)?go:fo.current,o.context=bo(e,a)),fa(e,n,o,r),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(ba(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&ha.enqueueReplaceState(o,o.state,null),fa(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var xa=Array.isArray;function Ea(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===ga&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function Sa(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function _a(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Gl(e,t)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function s(t){return e&&null===t.alternate&&(t.flags=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Yl(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Ea(e,t,n),r.return=e,r):((r=Vl(n.type,n.key,n.props,null,e.mode,r)).ref=Ea(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ql(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Wl(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Yl(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Vl(t.type,t.key,t.props,null,e.mode,n)).ref=Ea(e,null,t),n.return=e,n;case E:return(t=Ql(t,e.mode,n)).return=e,t}if(xa(t)||$(t))return(t=Wl(t,e.mode,n,null)).return=e,t;Sa(e,t)}return null}function f(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===o?n.type===S?d(e,t,n.props.children,r,o):c(e,t,n,r):null;case E:return n.key===o?u(e,t,n,r):null}if(xa(n)||$(n))return null!==o?null:d(e,t,n,r,null);Sa(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case x:return e=e.get(null===r.key?n:r.key)||null,r.type===S?d(t,e,r.props.children,o,r.key):c(t,e,r,o);case E:return u(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(xa(r)||$(r))return d(t,e=e.get(n)||null,r,o,null);Sa(t,r)}return null}function g(o,i,s,l){for(var c=null,u=null,d=i,g=i=0,b=null;null!==d&&g<s.length;g++){d.index>g?(b=d,d=null):b=d.sibling;var h=f(o,d,s[g],l);if(null===h){null===d&&(d=b);break}e&&d&&null===h.alternate&&t(o,d),i=a(h,i,g),null===u?c=h:u.sibling=h,u=h,d=b}if(g===s.length)return n(o,d),c;if(null===d){for(;g<s.length;g++)null!==(d=p(o,s[g],l))&&(i=a(d,i,g),null===u?c=d:u.sibling=d,u=d);return c}for(d=r(o,d);g<s.length;g++)null!==(b=m(d,o,g,s[g],l))&&(e&&null!==b.alternate&&d.delete(null===b.key?g:b.key),i=a(b,i,g),null===u?c=b:u.sibling=b,u=b);return e&&d.forEach((function(e){return t(o,e)})),c}function b(o,s,l,c){var u=$(l);if("function"!=typeof u)throw Error(i(150));if(null==(l=u.call(l)))throw Error(i(151));for(var d=u=null,g=s,b=s=0,h=null,v=l.next();null!==g&&!v.done;b++,v=l.next()){g.index>b?(h=g,g=null):h=g.sibling;var w=f(o,g,v.value,c);if(null===w){null===g&&(g=h);break}e&&g&&null===w.alternate&&t(o,g),s=a(w,s,b),null===d?u=w:d.sibling=w,d=w,g=h}if(v.done)return n(o,g),u;if(null===g){for(;!v.done;b++,v=l.next())null!==(v=p(o,v.value,c))&&(s=a(v,s,b),null===d?u=v:d.sibling=v,d=v);return u}for(g=r(o,g);!v.done;b++,v=l.next())null!==(v=m(g,o,b,v.value,c))&&(e&&null!==v.alternate&&g.delete(null===v.key?b:v.key),s=a(v,s,b),null===d?u=v:d.sibling=v,d=v);return e&&g.forEach((function(e){return t(o,e)})),u}return function(e,r,a,l){var c="object"==typeof a&&null!==a&&a.type===S&&null===a.key;c&&(a=a.props.children);var u="object"==typeof a&&null!==a;if(u)switch(a.$$typeof){case x:e:{for(u=a.key,c=r;null!==c;){if(c.key===u){if(7===c.tag){if(a.type===S){n(e,c.sibling),(r=o(c,a.props.children)).return=e,e=r;break e}}else if(c.elementType===a.type){n(e,c.sibling),(r=o(c,a.props)).ref=Ea(e,c,a),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}a.type===S?((r=Wl(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=Vl(a.type,a.key,a.props,null,e.mode,l)).ref=Ea(e,r,a),l.return=e,e=l)}return s(e);case E:e:{for(c=a.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Ql(a,e.mode,l)).return=e,e=r}return s(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Yl(a,e.mode,l)).return=e,e=r),s(e);if(xa(a))return g(e,r,a,l);if($(a))return b(e,r,a,l);if(u&&Sa(e,a),void 0===a&&!c)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,V(e.type)||"Component"))}return n(e,r)}}var Ca=_a(!0),ja=_a(!1),Ta={},Aa=lo(Ta),La=lo(Ta),Ra=lo(Ta);function Pa(e){if(e===Ta)throw Error(i(174));return e}function Na(e,t){switch(uo(Ra,t),uo(La,e),uo(Aa,Ta),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:fe(null,"");break;default:t=fe(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(Aa),uo(Aa,t)}function Oa(){co(Aa),co(La),co(Ra)}function Ia(e){Pa(Ra.current);var t=Pa(Aa.current),n=fe(t,e.type);t!==n&&(uo(La,e),uo(Aa,n))}function Ma(e){La.current===e&&(co(Aa),co(La))}var Da=lo(0);function Ba(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Fa=null,za=null,Ua=!1;function $a(e,t){var n=Hl(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function qa(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Ha(e){if(Ua){var t=za;if(t){var n=t;if(!qa(e,t)){if(!(t=Vr(n.nextSibling))||!qa(e,t))return e.flags=-1025&e.flags|2,Ua=!1,void(Fa=e);$a(Fa,n)}Fa=e,za=Vr(t.firstChild)}else e.flags=-1025&e.flags|2,Ua=!1,Fa=e}}function Za(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Fa=e}function Ga(e){if(e!==Fa)return!1;if(!Ua)return Za(e),Ua=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!qr(t,e.memoizedProps))for(t=za;t;)$a(e,t),t=Vr(t.nextSibling);if(Za(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){za=Vr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}za=null}}else za=Fa?Vr(e.stateNode.nextSibling):null;return!0}function Va(){za=Fa=null,Ua=!1}var Wa=[];function Ka(){for(var e=0;e<Wa.length;e++)Wa[e]._workInProgressVersionPrimary=null;Wa.length=0}var Ya=k.ReactCurrentDispatcher,Qa=k.ReactCurrentBatchConfig,Xa=0,Ja=null,ei=null,ti=null,ni=!1,ri=!1;function oi(){throw Error(i(321))}function ai(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function ii(e,t,n,r,o,a){if(Xa=a,Ja=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Ya.current=null===e||null===e.memoizedState?Pi:Ni,e=n(r,o),ri){a=0;do{if(ri=!1,!(25>a))throw Error(i(301));a+=1,ti=ei=null,t.updateQueue=null,Ya.current=Oi,e=n(r,o)}while(ri)}if(Ya.current=Ri,t=null!==ei&&null!==ei.next,Xa=0,ti=ei=Ja=null,ni=!1,t)throw Error(i(300));return e}function si(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ti?Ja.memoizedState=ti=e:ti=ti.next=e,ti}function li(){if(null===ei){var e=Ja.alternate;e=null!==e?e.memoizedState:null}else e=ei.next;var t=null===ti?Ja.memoizedState:ti.next;if(null!==t)ti=t,ei=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ei=e).memoizedState,baseState:ei.baseState,baseQueue:ei.baseQueue,queue:ei.queue,next:null},null===ti?Ja.memoizedState=ti=e:ti=ti.next=e}return ti}function ci(e,t){return"function"==typeof t?t(e):t}function ui(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=ei,o=r.baseQueue,a=n.pending;if(null!==a){if(null!==o){var s=o.next;o.next=a.next,a.next=s}r.baseQueue=o=a,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var l=s=a=null,c=o;do{var u=c.lane;if((Xa&u)===u)null!==l&&(l=l.next={lane:0,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),r=c.eagerReducer===e?c.eagerState:e(r,c.action);else{var d={lane:u,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===l?(s=l=d,a=r):l=l.next=d,Ja.lanes|=u,Us|=u}c=c.next}while(null!==c&&c!==o);null===l?a=r:l.next=s,cr(r,t.memoizedState)||(Mi=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=l,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function di(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{a=e(a,s.action),s=s.next}while(s!==o);cr(a,t.memoizedState)||(Mi=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function pi(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Xa&e)===e)&&(t._workInProgressVersionPrimary=r,Wa.push(t))),e)return n(t._source);throw Wa.push(t),Error(i(350))}function fi(e,t,n,r){var o=Ns;if(null===o)throw Error(i(349));var a=t._getVersion,s=a(t._source),l=Ya.current,c=l.useState((function(){return pi(o,t,n)})),u=c[1],d=c[0];c=ti;var p=e.memoizedState,f=p.refs,m=f.getSnapshot,g=p.source;p=p.subscribe;var b=Ja;return e.memoizedState={refs:f,source:t,subscribe:r},l.useEffect((function(){f.getSnapshot=n,f.setSnapshot=u;var e=a(t._source);if(!cr(s,e)){e=n(t._source),cr(d,e)||(u(e),e=fl(b),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,i=e;0<i;){var l=31-qt(i),c=1<<l;r[l]|=e,i&=~c}}}),[n,t,r]),l.useEffect((function(){return r(t._source,(function(){var e=f.getSnapshot,n=f.setSnapshot;try{n(e(t._source));var r=fl(b);o.mutableReadLanes|=r&o.pendingLanes}catch(a){n((function(){throw a}))}}))}),[t,r]),cr(m,n)&&cr(g,t)&&cr(p,r)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=u=Li.bind(null,Ja,e),c.queue=e,c.baseQueue=null,d=pi(o,t,n),c.memoizedState=c.baseState=d),d}function mi(e,t,n){return fi(li(),e,t,n)}function gi(e){var t=si();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Li.bind(null,Ja,e),[t.memoizedState,e]}function bi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=Ja.updateQueue)?(t={lastEffect:null},Ja.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function hi(e){return e={current:e},si().memoizedState=e}function vi(){return li().memoizedState}function wi(e,t,n,r){var o=si();Ja.flags|=e,o.memoizedState=bi(1|t,n,void 0,void 0===r?null:r)}function yi(e,t,n,r){var o=li();r=void 0===r?null:r;var a=void 0;if(null!==ei){var i=ei.memoizedState;if(a=i.destroy,null!==r&&ai(r,i.deps))return void bi(t,n,a,r)}Ja.flags|=e,o.memoizedState=bi(1|t,n,a,r)}function ki(e,t){return wi(516,4,e,t)}function xi(e,t){return yi(516,4,e,t)}function Ei(e,t){return yi(4,2,e,t)}function Si(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function _i(e,t,n){return n=null!=n?n.concat([e]):null,yi(4,2,Si.bind(null,t,e),n)}function Ci(){}function ji(e,t){var n=li();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ai(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Ti(e,t){var n=li();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ai(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ai(e,t){var n=Ho();Go(98>n?98:n,(function(){e(!0)})),Go(97<n?97:n,(function(){var n=Qa.transition;Qa.transition=1;try{e(!1),t()}finally{Qa.transition=n}}))}function Li(e,t,n){var r=pl(),o=fl(e),a={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?a.next=a:(a.next=i.next,i.next=a),t.pending=a,i=e.alternate,e===Ja||null!==i&&i===Ja)ri=ni=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var s=t.lastRenderedState,l=i(s,n);if(a.eagerReducer=i,a.eagerState=l,cr(l,s))return}catch(c){}ml(e,o,r)}}var Ri={readContext:ia,useCallback:oi,useContext:oi,useEffect:oi,useImperativeHandle:oi,useLayoutEffect:oi,useMemo:oi,useReducer:oi,useRef:oi,useState:oi,useDebugValue:oi,useDeferredValue:oi,useTransition:oi,useMutableSource:oi,useOpaqueIdentifier:oi,unstable_isNewReconciler:!1},Pi={readContext:ia,useCallback:function(e,t){return si().memoizedState=[e,void 0===t?null:t],e},useContext:ia,useEffect:ki,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,wi(4,2,Si.bind(null,t,e),n)},useLayoutEffect:function(e,t){return wi(4,2,e,t)},useMemo:function(e,t){var n=si();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=si();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Li.bind(null,Ja,e),[r.memoizedState,e]},useRef:hi,useState:gi,useDebugValue:Ci,useDeferredValue:function(e){var t=gi(e),n=t[0],r=t[1];return ki((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=gi(!1),t=e[0];return hi(e=Ai.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=si();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},fi(r,e,t,n)},useOpaqueIdentifier:function(){if(Ua){var e=!1,t=function(e){return{$$typeof:I,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Kr++).toString(36))),Error(i(355))})),n=gi(t)[1];return 0==(2&Ja.mode)&&(Ja.flags|=516,bi(5,(function(){n("r:"+(Kr++).toString(36))}),void 0,null)),t}return gi(t="r:"+(Kr++).toString(36)),t},unstable_isNewReconciler:!1},Ni={readContext:ia,useCallback:ji,useContext:ia,useEffect:xi,useImperativeHandle:_i,useLayoutEffect:Ei,useMemo:Ti,useReducer:ui,useRef:vi,useState:function(){return ui(ci)},useDebugValue:Ci,useDeferredValue:function(e){var t=ui(ci),n=t[0],r=t[1];return xi((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=ui(ci)[0];return[vi().current,e]},useMutableSource:mi,useOpaqueIdentifier:function(){return ui(ci)[0]},unstable_isNewReconciler:!1},Oi={readContext:ia,useCallback:ji,useContext:ia,useEffect:xi,useImperativeHandle:_i,useLayoutEffect:Ei,useMemo:Ti,useReducer:di,useRef:vi,useState:function(){return di(ci)},useDebugValue:Ci,useDeferredValue:function(e){var t=di(ci),n=t[0],r=t[1];return xi((function(){var t=Qa.transition;Qa.transition=1;try{r(e)}finally{Qa.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[vi().current,e]},useMutableSource:mi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ii=k.ReactCurrentOwner,Mi=!1;function Di(e,t,n,r){t.child=null===e?ja(t,null,n,r):Ca(t,e.child,n,r)}function Bi(e,t,n,r,o){n=n.render;var a=t.ref;return aa(t,o),r=ii(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Di(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,as(e,t,o))}function Fi(e,t,n,r,o,a){if(null===e){var i=n.type;return"function"!=typeof i||Zl(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Vl(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,zi(e,t,i,r,o,a))}return i=e.child,0==(o&a)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:dr)(o,r)&&e.ref===t.ref)?as(e,t,a):(t.flags|=1,(e=Gl(i,r)).ref=t.ref,e.return=t,t.child=e)}function zi(e,t,n,r,o,a){if(null!==e&&dr(e.memoizedProps,r)&&e.ref===t.ref){if(Mi=!1,0==(a&o))return t.lanes=e.lanes,as(e,t,a);0!=(16384&e.flags)&&(Mi=!0)}return qi(e,t,n,r,a)}function Ui(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},xl(t,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},xl(t,e),null;t.memoizedState={baseLanes:0},xl(t,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,xl(t,r);return Di(e,t,o,n),t.child}function $i(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function qi(e,t,n,r,o){var a=ho(n)?go:fo.current;return a=bo(t,a),aa(t,o),n=ii(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Di(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,as(e,t,o))}function Hi(e,t,n,r,o){if(ho(n)){var a=!0;ko(t)}else a=!1;if(aa(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wa(t,n,r),ka(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,s=t.memoizedProps;i.props=s;var l=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=ia(c):c=bo(t,c=ho(n)?go:fo.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==r||l!==c)&&ya(t,i,r,c),sa=!1;var p=t.memoizedState;i.state=p,fa(t,r,i,o),l=t.memoizedState,s!==r||p!==l||mo.current||sa?("function"==typeof u&&(ba(t,n,u,r),l=t.memoizedState),(s=sa||va(t,n,s,r,p,l,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=l),i.props=r,i.state=l,i.context=c,r=s):("function"==typeof i.componentDidMount&&(t.flags|=4),r=!1)}else{i=t.stateNode,ca(e,t),s=t.memoizedProps,c=t.type===t.elementType?s:Qo(t.type,s),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(l=n.contextType)&&null!==l?l=ia(l):l=bo(t,l=ho(n)?go:fo.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(s!==d||p!==l)&&ya(t,i,r,l),sa=!1,p=t.memoizedState,i.state=p,fa(t,r,i,o);var m=t.memoizedState;s!==d||p!==m||mo.current||sa?("function"==typeof f&&(ba(t,n,f,r),m=t.memoizedState),(c=sa||va(t,n,c,r,p,m,l))?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,l),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,l)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=l,r=c):("function"!=typeof i.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.flags|=256),r=!1)}return Zi(e,t,n,r,a,o)}function Zi(e,t,n,r,o,a){$i(e,t);var i=0!=(64&t.flags);if(!r&&!i)return o&&xo(t,n,!1),as(e,t,a);r=t.stateNode,Ii.current=t;var s=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=Ca(t,e.child,null,a),t.child=Ca(t,null,s,a)):Di(e,t,s,a),t.memoizedState=r.state,o&&xo(t,n,!0),t.child}function Gi(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),Na(e,t.containerInfo)}var Vi,Wi,Ki,Yi,Qi={dehydrated:null,retryLane:0};function Xi(e,t,n){var r,o=t.pendingProps,a=Da.current,i=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(a|=1),uo(Da,1&a),null===e?(void 0!==o.fallback&&Ha(t),e=o.children,a=o.fallback,i?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,t.lanes=33554432,e):((n=Kl({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=ts(e,t,o.children,o.fallback,n),i=t.child,a=e.child.memoizedState,i.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Qi,o):(n=es(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,r){var o=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Kl(t,o,0,null),n=Wl(n,o,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function es(e,t,n,r){var o=e.child;return e=o.sibling,n=Gl(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function ts(e,t,n,r,o){var a=t.mode,i=e.child;e=i.sibling;var s={mode:"hidden",children:n};return 0==(2&a)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=s,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Gl(i,s),null!==e?r=Gl(e,r):(r=Wl(r,a,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}function ns(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),oa(e.return,t)}function rs(e,t,n,r,o,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o,i.lastEffect=a)}function os(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(Di(e,t,r.children,n),0!=(2&(r=Da.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ns(e,n);else if(19===e.tag)ns(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(uo(Da,r),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Ba(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),rs(t,!1,o,n,a,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Ba(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}rs(t,!0,n,null,a,t.lastEffect);break;case"together":rs(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function as(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Us|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Gl(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Gl(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function is(e,t){if(!Ua)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ss(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return ho(t.type)&&vo(),null;case 3:return Oa(),co(mo),co(fo),Ka(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Ga(t)?t.flags|=4:r.hydrate||(t.flags|=256)),Wi(t),null;case 5:Ma(t);var a=Pa(Ra.current);if(n=t.type,null!==e&&null!=t.stateNode)Ki(e,t,n,r,a),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(i(166));return null}if(e=Pa(Aa.current),Ga(t)){r=t.stateNode,n=t.type;var s=t.memoizedProps;switch(r[Qr]=t,r[Xr]=s,n){case"dialog":Ar("cancel",r),Ar("close",r);break;case"iframe":case"object":case"embed":Ar("load",r);break;case"video":case"audio":for(e=0;e<_r.length;e++)Ar(_r[e],r);break;case"source":Ar("error",r);break;case"img":case"image":case"link":Ar("error",r),Ar("load",r);break;case"details":Ar("toggle",r);break;case"input":ee(r,s),Ar("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!s.multiple},Ar("invalid",r);break;case"textarea":le(r,s),Ar("invalid",r)}for(var c in Ee(n,s),e=null,s)s.hasOwnProperty(c)&&(a=s[c],"children"===c?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):l.hasOwnProperty(c)&&null!=a&&"onScroll"===c&&Ar("scroll",r));switch(n){case"input":Y(r),re(r,s,!0);break;case"textarea":Y(r),ue(r);break;case"select":case"option":break;default:"function"==typeof s.onClick&&(r.onclick=Fr)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(c=9===a.nodeType?a:a.ownerDocument,e===de.html&&(e=pe(n)),e===de.html?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(n,{is:r.is}):(e=c.createElement(n),"select"===n&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,n),e[Qr]=t,e[Xr]=r,Vi(e,t,!1,!1),t.stateNode=e,c=Se(n,r),n){case"dialog":Ar("cancel",e),Ar("close",e),a=r;break;case"iframe":case"object":case"embed":Ar("load",e),a=r;break;case"video":case"audio":for(a=0;a<_r.length;a++)Ar(_r[a],e);a=r;break;case"source":Ar("error",e),a=r;break;case"img":case"image":case"link":Ar("error",e),Ar("load",e),a=r;break;case"details":Ar("toggle",e),a=r;break;case"input":ee(e,r),a=J(e,r),Ar("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=o({},r,{value:void 0}),Ar("invalid",e);break;case"textarea":le(e,r),a=se(e,r),Ar("invalid",e);break;default:a=r}Ee(n,a);var u=a;for(s in u)if(u.hasOwnProperty(s)){var d=u[s];"style"===s?ke(e,d):"dangerouslySetInnerHTML"===s?null!=(d=d?d.__html:void 0)&&be(e,d):"children"===s?"string"==typeof d?("textarea"!==n||""!==d)&&he(e,d):"number"==typeof d&&he(e,""+d):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(l.hasOwnProperty(s)?null!=d&&"onScroll"===s&&Ar("scroll",e):null!=d&&y(e,s,d,c))}switch(n){case"input":Y(e),re(e,r,!1);break;case"textarea":Y(e),ue(e);break;case"option":null!=r.value&&e.setAttribute("value",""+W(r.value));break;case"select":e.multiple=!!r.multiple,null!=(s=r.value)?ie(e,!!r.multiple,s,!1):null!=r.defaultValue&&ie(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Fr)}$r(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Yi(e,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(i(166));n=Pa(Ra.current),Pa(Aa.current),Ga(t)?(r=t.stateNode,n=t.memoizedProps,r[Qr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[Qr]=t,t.stateNode=r)}return null;case 13:return co(Da),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Ga(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Da.current)?0===Bs&&(Bs=3):(0!==Bs&&3!==Bs||(Bs=4),null===Ns||0==(134217727&Us)&&0==(134217727&$s)||vl(Ns,Is))),(r||n)&&(t.flags|=4),null);case 4:return Oa(),Wi(t),null===e&&Rr(t.stateNode.containerInfo),null;case 10:return ra(t),null;case 19:if(co(Da),null===(r=t.memoizedState))return null;if(s=0!=(64&t.flags),null===(c=r.rendering))if(s)is(r,!1);else{if(0!==Bs||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(c=Ba(e))){for(t.flags|=64,is(r,!1),null!==(s=c.updateQueue)&&(t.updateQueue=s,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(s=n).flags&=2,s.nextEffect=null,s.firstEffect=null,s.lastEffect=null,null===(c=s.alternate)?(s.childLanes=0,s.lanes=e,s.child=null,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=c.childLanes,s.lanes=c.lanes,s.child=c.child,s.memoizedProps=c.memoizedProps,s.memoizedState=c.memoizedState,s.updateQueue=c.updateQueue,s.type=c.type,e=c.dependencies,s.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return uo(Da,1&Da.current|2),t.child}e=e.sibling}null!==r.tail&&qo()>Gs&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432)}else{if(!s)if(null!==(e=Ba(c))){if(t.flags|=64,s=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),is(r,!0),null===r.tail&&"hidden"===r.tailMode&&!c.alternate&&!Ua)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*qo()-r.renderingStartTime>Gs&&1073741824!==n&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432);r.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=r.last)?n.sibling=c:t.child=c,r.last=c)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=qo(),n.sibling=null,t=Da.current,uo(Da,s?1&t|2:1&t),n):null;case 23:case 24:return El(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function ls(e){switch(e.tag){case 1:ho(e.type)&&vo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Oa(),co(mo),co(fo),Ka(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ma(e),null;case 13:return co(Da),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Da),null;case 4:return Oa(),null;case 10:return ra(e),null;case 23:case 24:return El(),null;default:return null}}function cs(e,t){try{var n="",r=t;do{n+=G(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o}}function us(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Vi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Wi=function(){},Ki=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Pa(Aa.current);var i,s=null;switch(n){case"input":a=J(e,a),r=J(e,r),s=[];break;case"option":a=ae(e,a),r=ae(e,r),s=[];break;case"select":a=o({},a,{value:void 0}),r=o({},r,{value:void 0}),s=[];break;case"textarea":a=se(e,a),r=se(e,r),s=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Fr)}for(d in Ee(n,r),n=null,a)if(!r.hasOwnProperty(d)&&a.hasOwnProperty(d)&&null!=a[d])if("style"===d){var c=a[d];for(i in c)c.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(l.hasOwnProperty(d)?s||(s=[]):(s=s||[]).push(d,null));for(d in r){var u=r[d];if(c=null!=a?a[d]:void 0,r.hasOwnProperty(d)&&u!==c&&(null!=u||null!=c))if("style"===d)if(c){for(i in c)!c.hasOwnProperty(i)||u&&u.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in u)u.hasOwnProperty(i)&&c[i]!==u[i]&&(n||(n={}),n[i]=u[i])}else n||(s||(s=[]),s.push(d,n)),n=u;else"dangerouslySetInnerHTML"===d?(u=u?u.__html:void 0,c=c?c.__html:void 0,null!=u&&c!==u&&(s=s||[]).push(d,u)):"children"===d?"string"!=typeof u&&"number"!=typeof u||(s=s||[]).push(d,""+u):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(l.hasOwnProperty(d)?(null!=u&&"onScroll"===d&&Ar("scroll",e),s||c===u||(s=[])):"object"==typeof u&&null!==u&&u.$$typeof===I?u.toString():(s=s||[]).push(d,u))}n&&(s=s||[]).push("style",n);var d=s;(t.updateQueue=d)&&(t.flags|=4)}},Yi=function(e,t,n,r){n!==r&&(t.flags|=4)};var ds="function"==typeof WeakMap?WeakMap:Map;function ps(e,t,n){(n=ua(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Ys||(Ys=!0,Qs=r),us(0,t)},n}function fs(e,t,n){(n=ua(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return us(0,t),r(o)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xs?Xs=new Set([this]):Xs.add(this),us(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var ms="function"==typeof WeakSet?WeakSet:Set;function gs(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){zl(e,n)}else t.current=null}function bs(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Qo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Gr(t.stateNode.containerInfo))}throw Error(i(163))}function hs(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Dl(n,e),Ml(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Qo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&ma(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}ma(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&$r(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&kt(n)))))}throw Error(i(163))}function vs(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=ye("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function ws(e,t){if(So&&"function"==typeof So.onCommitFiberUnmount)try{So.onCommitFiberUnmount(Eo,t)}catch(a){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(0!=(4&r))Dl(t,n);else{r=t;try{o()}catch(a){zl(r,a)}}n=n.next}while(n!==e)}break;case 1:if(gs(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(a){zl(t,a)}break;case 5:gs(t);break;case 4:_s(e,t)}}function ys(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function ks(e){return 5===e.tag||3===e.tag||4===e.tag}function xs(e){e:{for(var t=e.return;null!==t;){if(ks(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(i(161))}16&n.flags&&(he(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||ks(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?Es(e,n,t):Ss(e,n,t)}function Es(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Fr));else if(4!==r&&null!==(e=e.child))for(Es(e,t,n),e=e.sibling;null!==e;)Es(e,t,n),e=e.sibling}function Ss(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Ss(e,t,n),e=e.sibling;null!==e;)Ss(e,t,n),e=e.sibling}function _s(e,t){for(var n,r,o=t,a=!1;;){if(!a){a=o.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===o.tag||6===o.tag){e:for(var s=e,l=o,c=l;;)if(ws(s,c),null!==c.child&&4!==c.tag)c.child.return=c,c=c.child;else{if(c===l)break e;for(;null===c.sibling;){if(null===c.return||c.return===l)break e;c=c.return}c.sibling.return=c.return,c=c.sibling}r?(s=n,l=o.stateNode,8===s.nodeType?s.parentNode.removeChild(l):s.removeChild(l)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(ws(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(a=!1)}o.sibling.return=o.return,o=o.sibling}}function Cs(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3==(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Xr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),Se(e,o),t=Se(e,r),o=0;o<a.length;o+=2){var s=a[o],l=a[o+1];"style"===s?ke(n,l):"dangerouslySetInnerHTML"===s?be(n,l):"children"===s?he(n,l):y(n,s,l,t)}switch(e){case"input":ne(n,r);break;case"textarea":ce(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?ie(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?ie(n,!!r.multiple,r.defaultValue,!0):ie(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,kt(n.containerInfo)));case 13:return null!==t.memoizedState&&(Zs=qo(),vs(t.child,!0)),void js(t);case 19:return void js(t);case 23:case 24:return void vs(t,null!==t.memoizedState)}throw Error(i(163))}function js(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new ms),t.forEach((function(t){var r=$l.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Ts(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var As=Math.ceil,Ls=k.ReactCurrentDispatcher,Rs=k.ReactCurrentOwner,Ps=0,Ns=null,Os=null,Is=0,Ms=0,Ds=lo(0),Bs=0,Fs=null,zs=0,Us=0,$s=0,qs=0,Hs=null,Zs=0,Gs=1/0;function Vs(){Gs=qo()+500}var Ws,Ks=null,Ys=!1,Qs=null,Xs=null,Js=!1,el=null,tl=90,nl=[],rl=[],ol=null,al=0,il=null,sl=-1,ll=0,cl=0,ul=null,dl=!1;function pl(){return 0!=(48&Ps)?qo():-1!==sl?sl:sl=qo()}function fl(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Ho()?1:2;if(0===ll&&(ll=zs),0!==Yo.transition){0!==cl&&(cl=null!==Hs?Hs.pendingLanes:0),e=ll;var t=4186112&~cl;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=Ho(),0!=(4&Ps)&&98===e?e=Ft(12,ll):e=Ft(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ll),e}function ml(e,t,n){if(50<al)throw al=0,il=null,Error(i(185));if(null===(e=gl(e,t)))return null;$t(e,t,n),e===Ns&&($s|=t,4===Bs&&vl(e,Is));var r=Ho();1===t?0!=(8&Ps)&&0==(48&Ps)?wl(e):(bl(e,n),0===Ps&&(Vs(),Wo())):(0==(4&Ps)||98!==r&&99!==r||(null===ol?ol=new Set([e]):ol.add(e)),bl(e,n)),Hs=e}function gl(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function bl(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,a=e.expirationTimes,s=e.pendingLanes;0<s;){var l=31-qt(s),c=1<<l,u=a[l];if(-1===u){if(0==(c&r)||0!=(c&o)){u=t,Mt(c);var d=It;a[l]=10<=d?u+250:6<=d?u+5e3:-1}}else u<=t&&(e.expiredLanes|=c);s&=~c}if(r=Dt(e,e===Ns?Is:0),t=It,0===r)null!==n&&(n!==Do&&jo(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Do&&jo(n)}15===t?(n=wl.bind(null,e),null===Fo?(Fo=[n],zo=Co(Po,Ko)):Fo.push(n),n=Do):14===t?n=Vo(99,wl.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Vo(n,hl.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function hl(e){if(sl=-1,cl=ll=0,0!=(48&Ps))throw Error(i(327));var t=e.callbackNode;if(Il()&&e.callbackNode!==t)return null;var n=Dt(e,e===Ns?Is:0);if(0===n)return null;var r=n,o=Ps;Ps|=16;var a=Cl();for(Ns===e&&Is===r||(Vs(),Sl(e,r));;)try{Al();break}catch(l){_l(e,l)}if(na(),Ls.current=a,Ps=o,null!==Os?r=0:(Ns=null,Is=0,r=Bs),0!=(zs&$s))Sl(e,0);else if(0!==r){if(2===r&&(Ps|=64,e.hydrate&&(e.hydrate=!1,Gr(e.containerInfo)),0!==(n=Bt(e))&&(r=jl(e,n))),1===r)throw t=Fs,Sl(e,0),vl(e,n),bl(e,qo()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(i(345));case 2:case 5:Pl(e);break;case 3:if(vl(e,n),(62914560&n)===n&&10<(r=Zs+500-qo())){if(0!==Dt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){pl(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Hr(Pl.bind(null,e),r);break}Pl(e);break;case 4:if(vl(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var s=31-qt(n);a=1<<s,(s=r[s])>o&&(o=s),n&=~a}if(n=o,10<(n=(120>(n=qo()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*As(n/1960))-n)){e.timeoutHandle=Hr(Pl.bind(null,e),n);break}Pl(e);break;default:throw Error(i(329))}}return bl(e,qo()),e.callbackNode===t?hl.bind(null,e):null}function vl(e,t){for(t&=~qs,t&=~$s,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-qt(t),r=1<<n;e[n]=-1,t&=~r}}function wl(e){if(0!=(48&Ps))throw Error(i(327));if(Il(),e===Ns&&0!=(e.expiredLanes&Is)){var t=Is,n=jl(e,t);0!=(zs&$s)&&(n=jl(e,t=Dt(e,t)))}else n=jl(e,t=Dt(e,0));if(0!==e.tag&&2===n&&(Ps|=64,e.hydrate&&(e.hydrate=!1,Gr(e.containerInfo)),0!==(t=Bt(e))&&(n=jl(e,t))),1===n)throw n=Fs,Sl(e,0),vl(e,t),bl(e,qo()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Pl(e),bl(e,qo()),null}function yl(e,t){var n=Ps;Ps|=1;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}}function kl(e,t){var n=Ps;Ps&=-2,Ps|=8;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}}function xl(e,t){uo(Ds,Ms),Ms|=t,zs|=t}function El(){Ms=Ds.current,co(Ds)}function Sl(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Zr(n)),null!==Os)for(n=Os.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&vo();break;case 3:Oa(),co(mo),co(fo),Ka();break;case 5:Ma(r);break;case 4:Oa();break;case 13:case 19:co(Da);break;case 10:ra(r);break;case 23:case 24:El()}n=n.return}Ns=e,Os=Gl(e.current,null),Is=Ms=zs=t,Bs=0,Fs=null,qs=$s=Us=0}function _l(e,t){for(;;){var n=Os;try{if(na(),Ya.current=Ri,ni){for(var r=Ja.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ni=!1}if(Xa=0,ti=ei=Ja=null,ri=!1,Rs.current=null,null===n||null===n.return){Bs=1,Fs=t,Os=null;break}e:{var a=e,i=n.return,s=n,l=t;if(t=Is,s.flags|=2048,s.firstEffect=s.lastEffect=null,null!==l&&"object"==typeof l&&"function"==typeof l.then){var c=l;if(0==(2&s.mode)){var u=s.alternate;u?(s.updateQueue=u.updateQueue,s.memoizedState=u.memoizedState,s.lanes=u.lanes):(s.updateQueue=null,s.memoizedState=null)}var d=0!=(1&Da.current),p=i;do{var f;if(f=13===p.tag){var m=p.memoizedState;if(null!==m)f=null!==m.dehydrated;else{var g=p.memoizedProps;f=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(f){var b=p.updateQueue;if(null===b){var h=new Set;h.add(c),p.updateQueue=h}else b.add(c);if(0==(2&p.mode)){if(p.flags|=64,s.flags|=16384,s.flags&=-2981,1===s.tag)if(null===s.alternate)s.tag=17;else{var v=ua(-1,1);v.tag=2,da(s,v)}s.lanes|=1;break e}l=void 0,s=t;var w=a.pingCache;if(null===w?(w=a.pingCache=new ds,l=new Set,w.set(c,l)):void 0===(l=w.get(c))&&(l=new Set,w.set(c,l)),!l.has(s)){l.add(s);var y=Ul.bind(null,a,c,s);c.then(y,y)}p.flags|=4096,p.lanes=t;break e}p=p.return}while(null!==p);l=Error((V(s.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Bs&&(Bs=2),l=cs(l,s),p=i;do{switch(p.tag){case 3:a=l,p.flags|=4096,t&=-t,p.lanes|=t,pa(p,ps(0,a,t));break e;case 1:a=l;var k=p.type,x=p.stateNode;if(0==(64&p.flags)&&("function"==typeof k.getDerivedStateFromError||null!==x&&"function"==typeof x.componentDidCatch&&(null===Xs||!Xs.has(x)))){p.flags|=4096,t&=-t,p.lanes|=t,pa(p,fs(p,a,t));break e}}p=p.return}while(null!==p)}Rl(n)}catch(E){t=E,Os===n&&null!==n&&(Os=n=n.return);continue}break}}function Cl(){var e=Ls.current;return Ls.current=Ri,null===e?Ri:e}function jl(e,t){var n=Ps;Ps|=16;var r=Cl();for(Ns===e&&Is===t||Sl(e,t);;)try{Tl();break}catch(o){_l(e,o)}if(na(),Ps=n,Ls.current=r,null!==Os)throw Error(i(261));return Ns=null,Is=0,Bs}function Tl(){for(;null!==Os;)Ll(Os)}function Al(){for(;null!==Os&&!To();)Ll(Os)}function Ll(e){var t=Ws(e.alternate,e,Ms);e.memoizedProps=e.pendingProps,null===t?Rl(e):Os=t,Rs.current=null}function Rl(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ss(n,t,Ms)))return void(Os=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Ms)||0==(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=ls(t)))return n.flags&=2047,void(Os=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Os=t);Os=t=e}while(null!==t);0===Bs&&(Bs=5)}function Pl(e){var t=Ho();return Go(99,Nl.bind(null,e,t)),null}function Nl(e,t){do{Il()}while(null!==el);if(0!=(48&Ps))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,a=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var s=e.eventTimes,l=e.expirationTimes;0<a;){var c=31-qt(a),u=1<<c;o[c]=0,s[c]=-1,l[c]=-1,a&=~u}if(null!==ol&&0==(24&r)&&ol.has(e)&&ol.delete(e),e===Ns&&(Os=Ns=null,Is=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Ps,Ps|=32,Rs.current=null,zr=Wt,br(s=gr())){if("selectionStart"in s)l={start:s.selectionStart,end:s.selectionEnd};else e:if(l=(l=s.ownerDocument)&&l.defaultView||window,(u=l.getSelection&&l.getSelection())&&0!==u.rangeCount){l=u.anchorNode,a=u.anchorOffset,c=u.focusNode,u=u.focusOffset;try{l.nodeType,c.nodeType}catch(C){l=null;break e}var d=0,p=-1,f=-1,m=0,g=0,b=s,h=null;t:for(;;){for(var v;b!==l||0!==a&&3!==b.nodeType||(p=d+a),b!==c||0!==u&&3!==b.nodeType||(f=d+u),3===b.nodeType&&(d+=b.nodeValue.length),null!==(v=b.firstChild);)h=b,b=v;for(;;){if(b===s)break t;if(h===l&&++m===a&&(p=d),h===c&&++g===u&&(f=d),null!==(v=b.nextSibling))break;h=(b=h).parentNode}b=v}l=-1===p||-1===f?null:{start:p,end:f}}else l=null;l=l||{start:0,end:0}}else l=null;Ur={focusedElem:s,selectionRange:l},Wt=!1,ul=null,dl=!1,Ks=r;do{try{Ol()}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);ul=null,Ks=r;do{try{for(s=e;null!==Ks;){var w=Ks.flags;if(16&w&&he(Ks.stateNode,""),128&w){var y=Ks.alternate;if(null!==y){var k=y.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(1038&w){case 2:xs(Ks),Ks.flags&=-3;break;case 6:xs(Ks),Ks.flags&=-3,Cs(Ks.alternate,Ks);break;case 1024:Ks.flags&=-1025;break;case 1028:Ks.flags&=-1025,Cs(Ks.alternate,Ks);break;case 4:Cs(Ks.alternate,Ks);break;case 8:_s(s,l=Ks);var x=l.alternate;ys(l),null!==x&&ys(x)}Ks=Ks.nextEffect}}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);if(k=Ur,y=gr(),w=k.focusedElem,s=k.selectionRange,y!==w&&w&&w.ownerDocument&&mr(w.ownerDocument.documentElement,w)){null!==s&&br(w)&&(y=s.start,void 0===(k=s.end)&&(k=y),"selectionStart"in w?(w.selectionStart=y,w.selectionEnd=Math.min(k,w.value.length)):(k=(y=w.ownerDocument||document)&&y.defaultView||window).getSelection&&(k=k.getSelection(),l=w.textContent.length,x=Math.min(s.start,l),s=void 0===s.end?x:Math.min(s.end,l),!k.extend&&x>s&&(l=s,s=x,x=l),l=fr(w,x),a=fr(w,s),l&&a&&(1!==k.rangeCount||k.anchorNode!==l.node||k.anchorOffset!==l.offset||k.focusNode!==a.node||k.focusOffset!==a.offset)&&((y=y.createRange()).setStart(l.node,l.offset),k.removeAllRanges(),x>s?(k.addRange(y),k.extend(a.node,a.offset)):(y.setEnd(a.node,a.offset),k.addRange(y))))),y=[];for(k=w;k=k.parentNode;)1===k.nodeType&&y.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof w.focus&&w.focus(),w=0;w<y.length;w++)(k=y[w]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Wt=!!zr,Ur=zr=null,e.current=n,Ks=r;do{try{for(w=e;null!==Ks;){var E=Ks.flags;if(36&E&&hs(w,Ks.alternate,Ks),128&E){y=void 0;var S=Ks.ref;if(null!==S){var _=Ks.stateNode;Ks.tag,y=_,"function"==typeof S?S(y):S.current=y}}Ks=Ks.nextEffect}}catch(C){if(null===Ks)throw Error(i(330));zl(Ks,C),Ks=Ks.nextEffect}}while(null!==Ks);Ks=null,Bo(),Ps=o}else e.current=n;if(Js)Js=!1,el=e,tl=t;else for(Ks=r;null!==Ks;)t=Ks.nextEffect,Ks.nextEffect=null,8&Ks.flags&&((E=Ks).sibling=null,E.stateNode=null),Ks=t;if(0===(r=e.pendingLanes)&&(Xs=null),1===r?e===il?al++:(al=0,il=e):al=0,n=n.stateNode,So&&"function"==typeof So.onCommitFiberRoot)try{So.onCommitFiberRoot(Eo,n,void 0,64==(64&n.current.flags))}catch(C){}if(bl(e,qo()),Ys)throw Ys=!1,e=Qs,Qs=null,e;return 0!=(8&Ps)||Wo(),null}function Ol(){for(;null!==Ks;){var e=Ks.alternate;dl||null===ul||(0!=(8&Ks.flags)?Je(Ks,ul)&&(dl=!0):13===Ks.tag&&Ts(e,Ks)&&Je(Ks,ul)&&(dl=!0));var t=Ks.flags;0!=(256&t)&&bs(e,Ks),0==(512&t)||Js||(Js=!0,Vo(97,(function(){return Il(),null}))),Ks=Ks.nextEffect}}function Il(){if(90!==tl){var e=97<tl?97:tl;return tl=90,Go(e,Bl)}return!1}function Ml(e,t){nl.push(t,e),Js||(Js=!0,Vo(97,(function(){return Il(),null})))}function Dl(e,t){rl.push(t,e),Js||(Js=!0,Vo(97,(function(){return Il(),null})))}function Bl(){if(null===el)return!1;var e=el;if(el=null,0!=(48&Ps))throw Error(i(331));var t=Ps;Ps|=32;var n=rl;rl=[];for(var r=0;r<n.length;r+=2){var o=n[r],a=n[r+1],s=o.destroy;if(o.destroy=void 0,"function"==typeof s)try{s()}catch(c){if(null===a)throw Error(i(330));zl(a,c)}}for(n=nl,nl=[],r=0;r<n.length;r+=2){o=n[r],a=n[r+1];try{var l=o.create;o.destroy=l()}catch(c){if(null===a)throw Error(i(330));zl(a,c)}}for(l=e.current.firstEffect;null!==l;)e=l.nextEffect,l.nextEffect=null,8&l.flags&&(l.sibling=null,l.stateNode=null),l=e;return Ps=t,Wo(),!0}function Fl(e,t,n){da(e,t=ps(0,t=cs(n,t),1)),t=pl(),null!==(e=gl(e,1))&&($t(e,1,t),bl(e,t))}function zl(e,t){if(3===e.tag)Fl(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Fl(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xs||!Xs.has(r))){var o=fs(n,e=cs(t,e),1);if(da(n,o),o=pl(),null!==(n=gl(n,1)))$t(n,1,o),bl(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xs||!Xs.has(r)))try{r.componentDidCatch(t,e)}catch(a){}break}}n=n.return}}function Ul(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=pl(),e.pingedLanes|=e.suspendedLanes&n,Ns===e&&(Is&n)===n&&(4===Bs||3===Bs&&(62914560&Is)===Is&&500>qo()-Zs?Sl(e,0):qs|=n),bl(e,t)}function $l(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Ho()?1:2:(0===ll&&(ll=zs),0===(t=zt(62914560&~ll))&&(t=4194304))),n=pl(),null!==(e=gl(e,t))&&($t(e,t,n),bl(e,n))}function ql(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Hl(e,t,n,r){return new ql(e,t,n,r)}function Zl(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Gl(e,t){var n=e.alternate;return null===n?((n=Hl(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Vl(e,t,n,r,o,a){var s=2;if(r=e,"function"==typeof e)Zl(e)&&(s=1);else if("string"==typeof e)s=5;else e:switch(e){case S:return Wl(n.children,o,a,t);case M:s=8,o|=16;break;case _:s=8,o|=1;break;case C:return(e=Hl(12,n,t,8|o)).elementType=C,e.type=C,e.lanes=a,e;case L:return(e=Hl(13,n,t,o)).type=L,e.elementType=L,e.lanes=a,e;case R:return(e=Hl(19,n,t,o)).elementType=R,e.lanes=a,e;case D:return Kl(n,o,a,t);case B:return(e=Hl(24,n,t,o)).elementType=B,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case j:s=10;break e;case T:s=9;break e;case A:s=11;break e;case P:s=14;break e;case N:s=16,r=null;break e;case O:s=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Hl(s,n,t,o)).elementType=e,t.type=r,t.lanes=a,t}function Wl(e,t,n,r){return(e=Hl(7,e,r,t)).lanes=n,e}function Kl(e,t,n,r){return(e=Hl(23,e,r,t)).elementType=D,e.lanes=n,e}function Yl(e,t,n){return(e=Hl(6,e,null,t)).lanes=n,e}function Ql(e,t,n){return(t=Hl(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xl(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Ut(0),this.expirationTimes=Ut(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ut(0),this.mutableSourceEagerHydrationData=null}function Jl(e,t,n,r){var o=t.current,a=pl(),s=fl(o);e:if(n){t:{if(Ke(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(ho(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);throw Error(i(171))}if(1===n.tag){var c=n.type;if(ho(c)){n=yo(n,c,l);break e}}n=l}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=ua(a,s)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),da(o,t),ml(o,s,a),s}function ec(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function tc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function nc(e,t){tc(e,t),(e=e.alternate)&&tc(e,t)}function rc(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xl(e,t,null!=n&&!0===n.hydrate),t=Hl(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,la(t),e[Jr]=n.current,Rr(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function oc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function ac(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a._internalRoot;if("function"==typeof o){var s=o;o=function(){var e=ec(i);s.call(e)}}Jl(t,i,e,o)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new rc(e,0,t?{hydrate:!0}:void 0)}(n,r),i=a._internalRoot,"function"==typeof o){var l=o;o=function(){var e=ec(i);l.call(e)}}kl((function(){Jl(t,i,e,o)}))}return ec(i)}function ic(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!oc(t))throw Error(i(200));return function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:E,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Ws=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||mo.current)Mi=!0;else{if(0==(n&r)){switch(Mi=!1,t.tag){case 3:Gi(t),Va();break;case 5:Ia(t);break;case 1:ho(t.type)&&ko(t);break;case 4:Na(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;uo(Xo,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(uo(Da,1&Da.current),null!==(t=as(e,t,n))?t.sibling:null);uo(Da,1&Da.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return os(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),uo(Da,Da.current),r)break;return null;case 23:case 24:return t.lanes=0,Ui(e,t,n)}return as(e,t,n)}Mi=0!=(16384&e.flags)}else Mi=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=bo(t,fo.current),aa(t,n),o=ii(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,ho(r)){var a=!0;ko(t)}else a=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,la(t);var s=r.getDerivedStateFromProps;"function"==typeof s&&ba(t,r,s,e),o.updater=ha,t.stateNode=o,o._reactInternals=t,ka(t,r,e,n),t=Zi(null,t,r,!0,a,n)}else t.tag=0,Di(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(a=o._init)(o._payload),t.type=o,a=t.tag=function(e){if("function"==typeof e)return Zl(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===P)return 14}return 2}(o),e=Qo(o,e),a){case 0:t=qi(null,t,o,e,n);break e;case 1:t=Hi(null,t,o,e,n);break e;case 11:t=Bi(null,t,o,e,n);break e;case 14:t=Fi(null,t,o,Qo(o.type,e),r,n);break e}throw Error(i(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,qi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 1:return r=t.type,o=t.pendingProps,Hi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 3:if(Gi(t),r=t.updateQueue,null===e||null===r)throw Error(i(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ca(e,t),fa(t,r,null,n),(r=t.memoizedState.element)===o)Va(),t=as(e,t,n);else{if((a=(o=t.stateNode).hydrate)&&(za=Vr(t.stateNode.containerInfo.firstChild),Fa=t,a=Ua=!0),a){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(a=e[o])._workInProgressVersionPrimary=e[o+1],Wa.push(a);for(n=ja(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Di(e,t,r,n),Va();t=t.child}return t;case 5:return Ia(t),null===e&&Ha(t),r=t.type,o=t.pendingProps,a=null!==e?e.memoizedProps:null,s=o.children,qr(r,o)?s=null:null!==a&&qr(r,a)&&(t.flags|=16),$i(e,t),Di(e,t,s,n),t.child;case 6:return null===e&&Ha(t),null;case 13:return Xi(e,t,n);case 4:return Na(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ca(t,null,r,n):Di(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Bi(e,t,r,o=t.elementType===r?o:Qo(r,o),n);case 7:return Di(e,t,t.pendingProps,n),t.child;case 8:case 12:return Di(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,s=t.memoizedProps,a=o.value;var l=t.type._context;if(uo(Xo,l._currentValue),l._currentValue=a,null!==s)if(l=s.value,0===(a=cr(l,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,a):1073741823))){if(s.children===o.children&&!mo.current){t=as(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){var c=l.dependencies;if(null!==c){s=l.child;for(var u=c.firstContext;null!==u;){if(u.context===r&&0!=(u.observedBits&a)){1===l.tag&&((u=ua(-1,n&-n)).tag=2,da(l,u)),l.lanes|=n,null!==(u=l.alternate)&&(u.lanes|=n),oa(l.return,n),c.lanes|=n;break}u=u.next}}else s=10===l.tag&&l.type===t.type?null:l.child;if(null!==s)s.return=l;else for(s=l;null!==s;){if(s===t){s=null;break}if(null!==(l=s.sibling)){l.return=s.return,s=l;break}s=s.return}l=s}Di(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(a=t.pendingProps).children,aa(t,n),r=r(o=ia(o,a.unstable_observedBits)),t.flags|=1,Di(e,t,r,n),t.child;case 14:return a=Qo(o=t.type,t.pendingProps),Fi(e,t,o,a=Qo(o.type,a),r,n);case 15:return zi(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Qo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,ho(r)?(e=!0,ko(t)):e=!1,aa(t,n),wa(t,r,o),ka(t,r,o,n),Zi(null,t,r,!0,e,n);case 19:return os(e,t,n);case 23:case 24:return Ui(e,t,n)}throw Error(i(156,t.tag))},rc.prototype.render=function(e){Jl(e,this._internalRoot,null,null)},rc.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Jl(null,e,null,(function(){t[Jr]=null}))},et=function(e){13===e.tag&&(ml(e,4,pl()),nc(e,4))},tt=function(e){13===e.tag&&(ml(e,67108864,pl()),nc(e,67108864))},nt=function(e){if(13===e.tag){var t=pl(),n=fl(e);ml(e,n,t),nc(e,n)}},rt=function(e,t){return t()},Ce=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=oo(r);if(!o)throw Error(i(90));Q(r),ne(r,o)}}}break;case"textarea":ce(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Pe=yl,Ne=function(e,t,n,r,o){var a=Ps;Ps|=4;try{return Go(98,e.bind(null,t,n,r,o))}finally{0===(Ps=a)&&(Vs(),Wo())}},Oe=function(){0==(49&Ps)&&(function(){if(null!==ol){var e=ol;ol=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,bl(e,qo())}))}Wo()}(),Il())},Ie=function(e,t){var n=Ps;Ps|=2;try{return e(t)}finally{0===(Ps=n)&&(Vs(),Wo())}};var sc={Events:[no,ro,oo,Le,Re,Il,{current:!1}]},lc={findFiberByHostInstance:to,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cc={bundleType:lc.bundleType,version:lc.version,rendererPackageName:lc.rendererPackageName,rendererConfig:lc.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Xe(e))?null:e.stateNode},findFiberByHostInstance:lc.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var uc=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!uc.isDisabled&&uc.supportsFiber)try{Eo=uc.inject(cc),So=uc}catch(ge){}}t.createPortal=ic,t.hydrate=function(e,t,n){if(!oc(t))throw Error(i(200));return ac(null,e,t,!0,n)}},3935:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(4448)},9590:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var s,l,c,u;if(Array.isArray(e)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(!a(e[l],i[l]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;for(u=e.entries();!(l=u.next()).done;)if(!a(l.value[1],i.get(l.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(l=u.next()).done;)if(!i.has(l.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((s=e.length)!=i.length)return!1;for(l=s;0!=l--;)if(e[l]!==i[l])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((s=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(i,c[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==c[l]&&"__v"!==c[l]&&"__o"!==c[l]||!e.$$typeof)&&!a(e[c[l]],i[c[l]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},405:(e,t,n)=>{"use strict";n.d(t,{B6:()=>Z,ql:()=>J});var r=n(7294),o=n(5697),a=n.n(o),i=n(9590),s=n.n(i),l=n(1143),c=n.n(l),u=n(6774),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,m(e,t)}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var b={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},h={rel:["amphtml","canonical","alternate"]},v={type:["application/ld+json"]},w={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},y=Object.keys(b).map((function(e){return b[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),E=function(e,t){for(var n=e.length-1;n>=0;n-=1){var r=e[n];if(Object.prototype.hasOwnProperty.call(r,t))return r[t]}return null},S=function(e){var t=E(e,b.TITLE),n=E(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var r=E(e,"defaultTitle");return t||r||void 0},_=function(e){return E(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},j=function(e,t){return t.filter((function(e){return void 0!==e[b.BASE]})).map((function(e){return e[b.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o+=1){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},T=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,a=Object.keys(e),i=0;i<a.length;i+=1){var s=a[i],l=s.toLowerCase();-1===t.indexOf(l)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===l&&"stylesheet"===e[l].toLowerCase()||(n=l),-1===t.indexOf(s)||"innerHTML"!==s&&"cssText"!==s&&"itemprop"!==s||(n=s)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i+=1){var s=a[i],l=p({},r[s],o[s]);r[s]=l}return e}),[]).reverse()},A=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},L=function(e){return Array.isArray(e)?e.join(""):e},R=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),r=0;r<n.length;r+=1)if(t[n[r]]&&t[n[r]].includes(e[n[r]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},P=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},N=[b.NOSCRIPT,b.SCRIPT,b.STYLE],O=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},I=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},M=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},D=function(e,t){return t.map((function(t,n){var o,a=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?a.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:a[n]=t[e]})),r.createElement(e,a)}))},B=function(e,t,n){switch(e){case b.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,a=M(n,o),[r.createElement(b.TITLE,a,e)];var e,n,o,a},toString:function(){return function(e,t,n,r){var o=I(n),a=L(t);return o?"<"+e+' data-rh="true" '+o+">"+O(a,r)+"</"+e+">":"<"+e+' data-rh="true">'+O(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return M(t)},toString:function(){return I(t)}};default:return{toComponent:function(){return D(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+O(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===N.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.noscriptTags,i=e.styleTags,s=e.title,l=void 0===s?"":s,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var m=function(e){var t=e.linkTags,n=e.scriptTags,r=e.encode,o=R(e.metaTags,w),a=R(t,h),i=R(n,v);return{priorityMethods:{toComponent:function(){return[].concat(D(b.META,o.priority),D(b.LINK,a.priority),D(b.SCRIPT,i.priority))},toString:function(){return B(b.META,o.priority,r)+" "+B(b.LINK,a.priority,r)+" "+B(b.SCRIPT,i.priority,r)}},metaTags:o.default,linkTags:a.default,scriptTags:i.default}}(e);f=m.priorityMethods,u=m.linkTags,d=m.metaTags,p=m.scriptTags}return{priority:f,base:B(b.BASE,t,r),bodyAttributes:B("bodyAttributes",n,r),htmlAttributes:B("htmlAttributes",o,r),link:B(b.LINK,u,r),meta:B(b.META,d,r),noscript:B(b.NOSCRIPT,a,r),script:B(b.SCRIPT,p,r),style:B(b.STYLE,i,r),title:B(b.TITLE,{title:l,titleAttributes:c},r)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=r.createContext({}),q=a().shape({setHelmet:a().func,helmetInstances:a().shape({get:a().func,add:a().func,remove:a().func})}),H="undefined"!=typeof document,Z=function(e){function t(n){var r;return(r=e.call(this,n)||this).helmetData=new U(r.props.context,t.canUseDOM),r}return f(t,e),t.prototype.render=function(){return r.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(r.Component);Z.canUseDOM=H,Z.propTypes={context:a().shape({helmet:a().shape()}),children:a().node.isRequired},Z.defaultProps={context:{}},Z.displayName="HelmetProvider";var G=function(e,t){var n,r=document.head||document.querySelector(b.HEAD),o=r.querySelectorAll(e+"[data-rh]"),a=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var r=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?r.innerHTML=t.innerHTML:"cssText"===o?r.styleSheet?r.styleSheet.cssText=t.cssText:r.appendChild(document.createTextNode(t.cssText)):r.setAttribute(o,void 0===t[o]?"":t[o]));r.setAttribute("data-rh","true"),a.some((function(e,t){return n=t,r.isEqualNode(e)}))?a.splice(n,1):i.push(r)})),a.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return r.appendChild(e)})),{oldTags:a,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute("data-rh"),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),s=0;s<i.length;s+=1){var l=i[s],c=t[l]||"";n.getAttribute(l)!==c&&n.setAttribute(l,c),-1===o.indexOf(l)&&o.push(l);var u=a.indexOf(l);-1!==u&&a.splice(u,1)}for(var d=a.length-1;d>=0;d-=1)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,r=e.htmlAttributes,o=e.linkTags,a=e.metaTags,i=e.noscriptTags,s=e.onChangeClientState,l=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(b.BODY,e.bodyAttributes),V(b.HTML,r),function(e,t){void 0!==e&&document.title!==e&&(document.title=L(e)),V(b.TITLE,t)}(u,d);var p={baseTag:G(b.BASE,n),linkTags:G(b.LINK,o),metaTags:G(b.META,a),noscriptTags:G(b.NOSCRIPT,i),scriptTags:G(b.SCRIPT,l),styleTags:G(b.STYLE,c)},f={},m={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(f[e]=n),r.length&&(m[e]=p[e].oldTags)})),t&&t(),s(e,f,m)},K=null,Y=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,r=n.setHelmet,o=null,a=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:j(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:E(e,"defer"),encode:E(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:T(b.LINK,["rel","href"],e),metaTags:T(b.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:T(b.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:T(b.SCRIPT,["src","innerHTML"],e),styleTags:T(b.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:A(e,"prioritizeSeoTags")});Z.canUseDOM?(t=a,K&&cancelAnimationFrame(K),t.defer?K=requestAnimationFrame((function(){W(t,(function(){K=null}))})):(W(t),K=null)):F&&(o=F(a)),r(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(r.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var Q=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!s()(P(this.props,"helmetData"),P(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case b.SCRIPT:case b.NOSCRIPT:return{innerHTML:t};case b.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren;return p({},r,((t={})[n.type]=[].concat(r[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case b.TITLE:return p({},o,((t={})[r.type]=i,t.titleAttributes=p({},a),t));case b.BODY:return p({},o,{bodyAttributes:p({},a)});case b.HTML:return p({},o,{htmlAttributes:p({},a)});default:return p({},o,((n={})[r.type]=p({},a),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var r;n=p({},n,((r={})[t]=e[t],r))})),n},n.warnOnInvalidChildren=function(e,t){return c()(y.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+y.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return r.Children.forEach(e,(function(e){if(e&&e.props){var r=e.props,a=r.children,i=g(r,Q),s=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),l=e.type;switch("symbol"==typeof l?l=l.toString():n.warnOnInvalidChildren(e,a),l){case b.FRAGMENT:t=n.mapChildrenToProps(a,t);break;case b.LINK:case b.META:case b.NOSCRIPT:case b.SCRIPT:case b.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:s,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:s,nestedChildren:a})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=g(e,X),o=p({},n),a=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!a||a instanceof U||(a=new U(a.context,a.instances)),a?r.createElement(Y,p({},o,{context:a.value,helmetData:void 0})):r.createElement($.Consumer,null,(function(e){return r.createElement(Y,p({},o,{context:e}))}))},t}(r.Component);J.propTypes={base:a().object,bodyAttributes:a().object,children:a().oneOfType([a().arrayOf(a().node),a().node]),defaultTitle:a().string,defer:a().bool,encodeSpecialCharacters:a().bool,htmlAttributes:a().object,link:a().arrayOf(a().object),meta:a().arrayOf(a().object),noscript:a().arrayOf(a().object),onChangeClientState:a().func,script:a().arrayOf(a().object),style:a().arrayOf(a().object),title:a().string,titleAttributes:a().object,titleTemplate:a().string,prioritizeSeoTags:a().bool,helmetData:a().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},9921:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,h=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,w=n?Symbol.for("react.responder"):60118,y=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case b:case g:case l:return e;default:return t}}case o:return t}}}function x(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=l,t.Element=r,t.ForwardRef=p,t.Fragment=a,t.Lazy=b,t.Memo=g,t.Portal=o,t.Profiler=s,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||k(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===b},t.isMemo=function(e){return k(e)===g},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===s},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===i||e===f||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===g||e.$$typeof===l||e.$$typeof===c||e.$$typeof===p||e.$$typeof===v||e.$$typeof===w||e.$$typeof===y||e.$$typeof===h)},t.typeOf=k},9864:(e,t,n)=>{"use strict";e.exports=n(9921)},8356:(e,t,n)=>{"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var s=n(7294),l=n(5697),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return s.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),g=null;function b(){return g||(g=e(m.loader)),g.promise}return c.push(b),"function"==typeof m.webpack&&u.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return b()})),p=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),b(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return b()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?s.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(s.Component),a(d,"contextTypes",{loadable:l.shape({report:l.func.isRequired})}),p}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(p,e)};var b=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return s.Children.only(this.props.children)},t}(s.Component);function h(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return h(e)}))}a(b,"propTypes",{report:l.func.isRequired}),a(b,"childContextTypes",{loadable:l.shape({report:l.func.isRequired}).isRequired}),g.Capture=b,g.preloadAll=function(){return new Promise((function(e,t){h(c).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){h(u).then(e,e)}))},e.exports=g},8790:(e,t,n)=>{"use strict";n.d(t,{H:()=>s,f:()=>i});var r=n(6550),o=n(7462),a=n(7294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.LX)(t,e):n.length?n[n.length-1].match:r.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function s(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.rs,n,e.map((function(e,n){return a.createElement(r.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},3727:(e,t,n)=>{"use strict";n.d(t,{OL:()=>w,VK:()=>u,rU:()=>b});var r=n(6550),o=n(5068),a=n(7294),i=n(9318),s=n(7462),l=n(3366),c=n(8776),u=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);a.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},m=a.forwardRef;void 0===m&&(m=f);var g=m((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,l.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,s.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return u.ref=f!==m&&t||n,a.createElement("a",u)}));var b=m((function(e,t){var n=e.component,o=void 0===n?g:n,u=e.replace,b=e.to,h=e.innerRef,v=(0,l.Z)(e,["component","replace","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,r=p(d(b,e.location),e.location),l=r?n.createHref(r):"",g=(0,s.Z)({},v,{href:l,navigate:function(){var t=d(b,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||r?n.replace:n.push)(t)}});return f!==m?g.ref=t||h:g.innerRef=h,a.createElement(o,g)}))})),h=function(e){return e},v=a.forwardRef;void 0===v&&(v=h);var w=v((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,m=e.className,g=e.exact,w=e.isActive,y=e.location,k=e.sensitive,x=e.strict,E=e.style,S=e.to,_=e.innerRef,C=(0,l.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=y||e.location,i=p(d(S,n),n),l=i.pathname,j=l&&l.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=j?(0,r.LX)(n.pathname,{path:j,exact:g,sensitive:k,strict:x}):null,A=!!(w?w(T,n):T),L="function"==typeof m?m(A):m,R="function"==typeof E?E(A):E;A&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,u),R=(0,s.Z)({},R,f));var P=(0,s.Z)({"aria-current":A&&o||null,className:L,style:R,to:i},C);return h!==v?P.ref=t||_:P.innerRef=_,a.createElement(b,P)}))}))},6550:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>w,LX:()=>E,TH:()=>N,k6:()=>P,rs:()=>L,s6:()=>v});var r=n(5068),o=n(7294),a=n(5697),i=n.n(a),s=n(9318),l=n(8776),c=n(7462),u=n(4779),d=n.n(u),p=(n(9864),n(3366)),f=(n(8679),1073741823),m="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var g=o.createContext||function(e,t){var n,a,s="__create-react-context-"+function(){var e="__global_unique_id__";return m[e]=(m[e]||0)+1}()+"__",l=function(e){function n(){for(var t,n,r,o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return(t=e.call.apply(e,[this].concat(a))||this).emitter=(n=t.props.value,r=[],{on:function(e){r.push(e)},off:function(e){r=r.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,r.forEach((function(e){return e(n,t)}))}}),t}(0,r.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[s]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);l.childContextTypes=((n={})[s]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[s]&&this.context[s].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[s]&&this.context[s].off(this.onUpdate)},o.getValue=function(){return this.context[s]?this.context[s].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((a={})[s]=i().object,a),{Provider:l,Consumer:c}},b=function(e){var t=g();return t.displayName=e,t},h=b("Router-History"),v=b("Router"),w=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,r.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(v.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(h.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var y={},k=1e4,x=0;function E(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,s=void 0!==i&&i,l=n.sensitive,c=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=y[n]||(y[n]={});if(r[e])return r[e];var o=[],a={regexp:d()(e,o,t),keys:o};return x<k&&(r[e]=a,x++),a}(n,{end:a,strict:s,sensitive:c}),o=r.regexp,i=r.keys,l=o.exec(e);if(!l)return null;var u=l[0],p=l.slice(1),f=e===u;return a&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,l.Z)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?E(n.pathname,e.props):t.match,a=(0,c.Z)({},t,{location:n,match:r}),i=e.props,s=i.children,u=i.component,d=i.render;return Array.isArray(s)&&function(e){return 0===o.Children.count(e)}(s)&&(s=null),o.createElement(v.Provider,{value:a},a.match?s?"function"==typeof s?s(a):s:u?o.createElement(u,a):d?d(a):null:"function"==typeof s?s(a):null)}))},t}(o.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function j(e){return"string"==typeof e?e:(0,s.Ep)(e)}function T(e){return function(){(0,l.Z)(!1)}}function A(){}o.Component;var L=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(v.Consumer,null,(function(t){t||(0,l.Z)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?E(a.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);var R=o.useContext;function P(){return R(h)}function N(){return R(v).location}},2408:(e,t,n)=>{"use strict";var r=n(7418),o=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,s=60110,l=60112;t.Suspense=60113;var c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),a=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),s=d("react.context"),l=d("react.forward_ref"),t.Suspense=d("react.suspense"),c=d("react.memo"),u=d("react.lazy")}var p="function"==typeof Symbol&&Symbol.iterator;function f(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function h(){}function v(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(f(85));this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=b.prototype;var w=v.prototype=new h;w.constructor=v,r(w,b.prototype),w.isPureReactComponent=!0;var y={current:null},k=Object.prototype.hasOwnProperty,x={key:!0,ref:!0,__self:!0,__source:!0};function E(e,t,n){var r,a={},i=null,s=null;if(null!=t)for(r in void 0!==t.ref&&(s=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!x.hasOwnProperty(r)&&(a[r]=t[r]);var l=arguments.length-2;if(1===l)a.children=n;else if(1<l){for(var c=Array(l),u=0;u<l;u++)c[u]=arguments[u+2];a.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===a[r]&&(a[r]=l[r]);return{$$typeof:o,type:e,key:i,ref:s,props:a,_owner:y.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var _=/\/+/g;function C(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function j(e,t,n,r,i){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case o:case a:l=!0}}if(l)return i=i(l=e),e=""===r?"."+C(l,0):r,Array.isArray(i)?(n="",null!=e&&(n=e.replace(_,"$&/")+"/"),j(i,t,n,"",(function(e){return e}))):null!=i&&(S(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||l&&l.key===i.key?"":(""+i.key).replace(_,"$&/")+"/")+e)),t.push(i)),1;if(l=0,r=""===r?".":r+":",Array.isArray(e))for(var c=0;c<e.length;c++){var u=r+C(s=e[c],c);l+=j(s,t,n,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(s=e.next()).done;)l+=j(s=s.value,t,n,u=r+C(s,c++),i);else if("object"===s)throw t=""+e,Error(f(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return l}function T(e,t,n){if(null==e)return e;var r=[],o=0;return j(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function A(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function R(){var e=L.current;if(null===e)throw Error(f(321));return e}var P={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:y,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error(f(143));return e}},t.Component=b,t.PureComponent=v,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=P,t.cloneElement=function(e,t,n){if(null==e)throw Error(f(267,e));var a=r({},e.props),i=e.key,s=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(s=t.ref,l=y.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(u in t)k.call(t,u)&&!x.hasOwnProperty(u)&&(a[u]=void 0===t[u]&&void 0!==c?c[u]:t[u])}var u=arguments.length-2;if(1===u)a.children=n;else if(1<u){c=Array(u);for(var d=0;d<u;d++)c[d]=arguments[d+2];a.children=c}return{$$typeof:o,type:e.type,key:i,ref:s,props:a,_owner:l}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:s,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=E,t.createFactory=function(e){var t=E.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:l,render:e}},t.isValidElement=S,t.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:A}},t.memo=function(e,t){return{$$typeof:c,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return R().useCallback(e,t)},t.useContext=function(e,t){return R().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return R().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return R().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return R().useLayoutEffect(e,t)},t.useMemo=function(e,t){return R().useMemo(e,t)},t.useReducer=function(e,t,n){return R().useReducer(e,t,n)},t.useRef=function(e){return R().useRef(e)},t.useState=function(e){return R().useState(e)},t.version="17.0.2"},7294:(e,t,n)=>{"use strict";e.exports=n(2408)},53:(e,t)=>{"use strict";var n,r,o,a;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var c=null,u=null,d=function(){if(null!==c)try{var e=t.unstable_now();c(!0,e),c=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==c?setTimeout(n,0,e):(c=e,setTimeout(d,0))},r=function(e,t){u=setTimeout(e,t)},o=function(){clearTimeout(u)},t.unstable_shouldYield=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var p=window.setTimeout,f=window.clearTimeout;if("undefined"!=typeof console){var m=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,b=null,h=-1,v=5,w=0;t.unstable_shouldYield=function(){return t.unstable_now()>=w},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):v=0<e?Math.floor(1e3/e):5};var y=new MessageChannel,k=y.port2;y.port1.onmessage=function(){if(null!==b){var e=t.unstable_now();w=e+v;try{b(!0,e)?k.postMessage(null):(g=!1,b=null)}catch(n){throw k.postMessage(null),n}}else g=!1},n=function(e){b=e,g||(g=!0,k.postMessage(null))},r=function(e,n){h=p((function(){e(t.unstable_now())}),n)},o=function(){f(h),h=-1}}function x(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<_(o,t)))break e;e[r]=t,e[n]=o,n=r}}function E(e){return void 0===(e=e[0])?null:e}function S(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var a=2*(r+1)-1,i=e[a],s=a+1,l=e[s];if(void 0!==i&&0>_(i,n))void 0!==l&&0>_(l,i)?(e[r]=l,e[s]=n,r=s):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==l&&0>_(l,n)))break e;e[r]=l,e[s]=n,r=s}}}return t}return null}function _(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var C=[],j=[],T=1,A=null,L=3,R=!1,P=!1,N=!1;function O(e){for(var t=E(j);null!==t;){if(null===t.callback)S(j);else{if(!(t.startTime<=e))break;S(j),t.sortIndex=t.expirationTime,x(C,t)}t=E(j)}}function I(e){if(N=!1,O(e),!P)if(null!==E(C))P=!0,n(M);else{var t=E(j);null!==t&&r(I,t.startTime-e)}}function M(e,n){P=!1,N&&(N=!1,o()),R=!0;var a=L;try{for(O(n),A=E(C);null!==A&&(!(A.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=A.callback;if("function"==typeof i){A.callback=null,L=A.priorityLevel;var s=i(A.expirationTime<=n);n=t.unstable_now(),"function"==typeof s?A.callback=s:A===E(C)&&S(C),O(n)}else S(C);A=E(C)}if(null!==A)var l=!0;else{var c=E(j);null!==c&&r(I,c.startTime-n),l=!1}return l}finally{A=null,L=a,R=!1}}var D=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){P||R||(P=!0,n(M))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return E(C)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=D,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,a,i){var s=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?s+i:s:i=s,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:T++,callback:a,priorityLevel:e,startTime:i,expirationTime:l=i+l,sortIndex:-1},i>s?(e.sortIndex=i,x(j,e),null===E(C)&&e===E(j)&&(N?o():N=!0,r(I,i-s))):(e.sortIndex=l,x(C,e),P||R||(P=!0,n(M))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},3840:(e,t,n)=>{"use strict";e.exports=n(53)},6774:e=>{e.exports=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),l=0;l<a.length;l++){var c=a[l];if(!s(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(r,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},3250:(e,t,n)=>{"use strict";var r=n(7294);var o="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=r.useState,i=r.useEffect,s=r.useLayoutEffect,l=r.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!o(e,n)}catch(r){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=a({inst:{value:n,getSnapshot:t}}),o=r[0].inst,u=r[1];return s((function(){o.value=n,o.getSnapshot=t,c(o)&&u({inst:o})}),[e,n,t]),i((function(){return c(o)&&u({inst:o}),e((function(){c(o)&&u({inst:o})}))}),[e]),l(n),n};t.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:u},1688:(e,t,n)=>{"use strict";e.exports=n(3250)},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={title:"TCET Open Source",tagline:"Official Website of TCET Open Source",favicon:"img/favicon.ico?v=3",url:"https://opensource.tcetmumbai.in",baseUrl:"/",organizationName:"tcet-opensource",projectName:"documentation",onBrokenLinks:"throw",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:{sidebarPath:"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\sidebars.js",showLastUpdateAuthor:!0,showLastUpdateTime:!0,sidebarCollapsible:!0,breadcrumbs:!0,editUrl:"https://github.com/tcet-opensource/documentation/edit/main/"},blog:{showReadingTime:!0,blogTitle:"Blogs",blogDescription:"TCET Open Source Blogging Page",blogSidebarCount:"ALL",postsPerPage:3,truncateMarker:{}},theme:{customCss:"C:\\Users\\rawat\\tcet-opensource\\documentation-build\\src\\css\\custom.css"}}]],themeConfig:{image:"img/banner.png",docs:{sidebar:{autoCollapseCategories:!0,hideable:!0},versionPersistence:"localStorage"},metadata:[{name:"TCET Open Source",content:"Empowering students via Open Source, in Education"}],announcementBar:{id:"hacktoberfest23",content:'Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a>',backgroundColor:"#451d84",textColor:"#ffffff",isCloseable:!0},navbar:{hideOnScroll:!0,title:"TCET Open Source",logo:{alt:"TCET Open Source Logo",src:"img/logo.png"},items:[{type:"doc",docId:"about-tcetopensource",sidebarId:"docs",position:"left",label:"Docs"},{to:"/blog",label:"Blog",position:"left"},{href:"https://github.com/tcet-opensource","aria-label":"GitHub",html:'<svg\n stroke="currentColor"\n fill="currentColor"\n stroke-width="0"\n viewBox="0 0 496 512"\n height="22"\n width="22"\n xmlns="http://www.w3.org/2000/svg">\n <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>\n </svg>',position:"right"},{href:"https://twitter.com/tcetopensource","aria-label":"Twitter",html:'<svg \n stroke="currentColor" \n fill="currentColor" \n stroke-width="0" \n viewBox="0 0 512 512" \n height="22" width="22" \n xmlns="http://www.w3.org/2000/svg">\n <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>\n </svg>',position:"right"},{href:"https://discord.gg/r7ZhAREg2M","aria-label":"Discord",html:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg>',position:"right"},{href:"https://www.instagram.com/tcetopensource/","aria-label":"Instagram",html:'<svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg>',position:"right"},{href:"https://www.youtube.com/@tcetopensource","aria-label":"YouTube",html:'<svg \n stroke="currentColor" \n fill="currentColor" \n stroke-width="0" \n viewBox="0 0 600 600" \n height="25" width="25" \n xmlns="http://www.w3.org/2000/svg">\n <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path>\n </svg>',position:"right"},{type:"search",position:"right"}]},algolia:{apiKey:"066a2ed9cfc332fb09112a9059ccdbf7",appId:"QFLBKAUEYJ",indexName:"tcetopensource",contextualSearch:!0,searchParameters:{},searchPagePath:"search"},footer:{style:"dark",links:[{title:"About",items:[{label:"TCET Open Source",to:"/docs/about-tcetopensource"},{label:"Docs Website",to:"/docs/projects/docs-site/about-docs"},{label:"T&P Website",to:"/docs/projects/tnp-website/about-tnp-website"},{label:"TCET Linux",to:"/docs/projects/tcet-linux/about-tcet-linux"}]},{title:"More",items:[{label:"Blogs",to:"/blog"},{label:"Workflows",to:"/docs/category/workflows"}]},{title:"Community",items:[{label:"Github",to:"https://github.com/tcet-opensource/documentation"},{label:"Discord",to:"https://discord.gg/r7ZhAREg2M"}]},{title:"Connect with us",items:[{label:"Instagram",to:"https://www.instagram.com/tcetopensource/ "},{label:"Twitter",to:"https://twitter.com/tcetopensource"},{label:"LinkedIn",to:"https://www.linkedin.com/company/tcet-opensource/mycompany/"}]}],copyright:"Copyright \xa9 2023 TCET Open Source."},prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},colorMode:{defaultMode:"light",disableSwitch:!1,respectPrefersColorScheme:!1},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",staticDirectories:["static"],customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{mermaid:!1}}},7462:(e,t,n)=>{"use strict";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:()=>r})},5068:(e,t,n)=>{"use strict";function r(e,t){return r=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:()=>o})},3366:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>r})},8776:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=!0,o="Invariant failed";function a(e,t){if(!e){if(r)throw new Error(o);var n="function"==typeof t?t():t,a=n?"".concat(o,": ").concat(n):o;throw new Error(a)}}},7529:e=>{"use strict";e.exports={}},6887:e=>{"use strict";e.exports=JSON.parse('{"/blog-346":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"},{"content":"064ccdc3"},{"content":"f21b70b1"}],"metadata":"b2b675dd"},"/blog/archive-fa2":{"__comp":"9e4087bc","__context":{"plugin":"ecb97aab"},"archive":"b2f554cd"},"/blog/blog-posting-guidelines-17a":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"126747ee"},"/blog/breaking-the-ice-open-source-62f":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"bb19e508"},"/blog/Cloud-gaming-c80":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"f7c79d71"},"/blog/CNCF-Zero-to-Merge-b70":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"720401d8"},"/blog/dive-into-web-design-88b":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"918c5d55"},"/blog/intro-to-ai-automation-210":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"ac2246e0"},"/blog/intro-to-artificial-intelligence-cbd":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"2243869d"},"/blog/intro-to-blockchain-4c6":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"6ee5f2ba"},"/blog/intro-to-cloud-computing-3d5":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"3efe186d"},"/blog/intro-to-react-js-2c2":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"0f9e71a3"},"/blog/introduction-to-api-ce1":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"07e2df72"},"/blog/linux-basics-58f":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"970d58c3"},"/blog/page/2-512":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"},{"content":"6d025361"},{"content":"361aeaff"}],"metadata":"8eb4e46b"},"/blog/page/3-86c":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"},{"content":"5d67ed81"},{"content":"cb345c93"}],"metadata":"92999a1c"},"/blog/page/4-417":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"7f7940a1"},{"content":"545cb3af"},{"content":"6c7ec1b6"}],"metadata":"7d9726a8"},"/blog/page/5-f56":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"},{"content":"96504147"},{"content":"145b2738"}],"metadata":"11ce4159"},"/blog/page/6-346":{"__comp":"a6aa9e1f","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"},{"content":"093d5119"}],"metadata":"44ac4dbb"},"/blog/rotaract-club-of-tcet-c11":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"b86fb017"},"/blog/tags-e04":{"__comp":"01a85c17","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","tags":"a7023ddc"},"/blog/tags/ai-4ea":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"},{"content":"5d67ed81"},{"content":"7f7940a1"}],"tag":"f32fe326","listMetadata":"ab4c6d72"},"/blog/tags/ai/page/2-541":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6c7ec1b6"}],"tag":"84e5d1c3","listMetadata":"db0d0857"},"/blog/tags/api-b04":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"6d453d64","listMetadata":"0be9de06"},"/blog/tags/artificial-intelligence-799":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"180aea8b","listMetadata":"e943ec5e"},"/blog/tags/authentication-5b5":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"9475880e","listMetadata":"56e32e60"},"/blog/tags/automation-81d":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"},{"content":"f21b70b1"},{"content":"545cb3af"}],"tag":"4bd5fd33","listMetadata":"0abe3c97"},"/blog/tags/blockchain-bd8":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"}],"tag":"468416a0","listMetadata":"70ad3ff0"},"/blog/tags/cli-b25":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"e6c44b2b","listMetadata":"6c601b0f"},"/blog/tags/cloud-555":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"f3543915","listMetadata":"b1513dc1"},"/blog/tags/cloud-computing-2ee":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"}],"tag":"277a8968","listMetadata":"23449821"},"/blog/tags/cncf-dcc":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"d530b40c","listMetadata":"28d37a26"},"/blog/tags/community-b27":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"69b09ea9","listMetadata":"afaff11a"},"/blog/tags/css-7e9":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"ce974d64","listMetadata":"018d5104"},"/blog/tags/cultural-858":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"9d67aca7","listMetadata":"3bcb60ef"},"/blog/tags/cyberpunk-700":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"0b770e5c","listMetadata":"011e0067"},"/blog/tags/data-06b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"},{"content":"a977d5d4"},{"content":"545cb3af"}],"tag":"332c576c","listMetadata":"e0eb994a"},"/blog/tags/data-extraction-ada":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"f21b70b1"}],"tag":"2455eea8","listMetadata":"829ce8eb"},"/blog/tags/data-science-3ca":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"5fcc37c8","listMetadata":"6068a052"},"/blog/tags/data/page/2-53d":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"}],"tag":"35fb2de4","listMetadata":"424aade5"},"/blog/tags/editorial-0e8":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"77b704ef","listMetadata":"e40d9651"},"/blog/tags/free-e3b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"093d5119"}],"tag":"13c191f5","listMetadata":"2f43b7b8"},"/blog/tags/frontend-654":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"c6f71f2b","listMetadata":"99a66f7b"},"/blog/tags/gaming-d0d":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"dff928e6","listMetadata":"c5e81cca"},"/blog/tags/html-775":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"d1c21ad3","listMetadata":"5892662e"},"/blog/tags/innovation-311":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"}],"tag":"2b7c4d8e","listMetadata":"8609c8e4"},"/blog/tags/integration-481":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"cb345c93"}],"tag":"4e20cbbc","listMetadata":"5e729dc7"},"/blog/tags/jsx-cd7":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"4e5f1ca0","listMetadata":"2ca153c8"},"/blog/tags/linux-87f":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"dd5bc5cd","listMetadata":"70c84758"},"/blog/tags/machine-learning-4c3":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"545cb3af"}],"tag":"bece1fcc","listMetadata":"cda22062"},"/blog/tags/mental-model-dbb":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"b2709843","listMetadata":"8b916fa8"},"/blog/tags/mind-benders-cbd":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"7f7940a1"},{"content":"6c7ec1b6"}],"tag":"cf5983a7","listMetadata":"2d2f753f"},"/blog/tags/nvidia-4c1":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"ad4ba58a"}],"tag":"ad24ee66","listMetadata":"c689f34a"},"/blog/tags/open-4fe":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"093d5119"}],"tag":"f7646656","listMetadata":"9d13a154"},"/blog/tags/open-source-bad":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"51e4ac6f","listMetadata":"bdff1965"},"/blog/tags/react-js-6b1":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"9a413aa3","listMetadata":"183d06d0"},"/blog/tags/resonsiveness-80b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"a36811df","listMetadata":"c7135589"},"/blog/tags/social-b72":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6b040dea"}],"tag":"f2544e3f","listMetadata":"42cfb5d4"},"/blog/tags/software-529":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"a977d5d4"},{"content":"361aeaff"},{"content":"cb345c93"}],"tag":"8128ed27","listMetadata":"7797872e"},"/blog/tags/software/page/2-186":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"1217cc9a"},{"content":"093d5119"}],"tag":"249c34a0","listMetadata":"cbafb38b"},"/blog/tags/source-a5f":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"361aeaff"},{"content":"1217cc9a"},{"content":"093d5119"}],"tag":"5b4d43ff","listMetadata":"16ea2389"},"/blog/tags/technology-7b5":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"},{"content":"a977d5d4"}],"tag":"55207995","listMetadata":"d7f54ba9"},"/blog/tags/terminal-17b":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"52961045","listMetadata":"25db3e58"},"/blog/tags/tmai-776":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"5d67ed81"},{"content":"7f7940a1"},{"content":"6c7ec1b6"}],"tag":"e9fb9b7c","listMetadata":"4b2d8469"},"/blog/tags/tui-490":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"6d025361"}],"tag":"195928cd","listMetadata":"ba8f817c"},"/blog/tags/virtaul-dom-514":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"145b2738"}],"tag":"0ca0adb8","listMetadata":"805a8850"},"/blog/tags/web-crawling-8f6":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"f21b70b1"}],"tag":"bc23c598","listMetadata":"ad8a4f52"},"/blog/tags/web-design-fde":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"96504147"}],"tag":"92fd5fda","listMetadata":"ad7114c0"},"/blog/tags/work-d60":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"e1f3d415"}],"tag":"45ca282f","listMetadata":"4b078b99"},"/blog/tags/zero-to-merge-96a":{"__comp":"6875c492","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","items":[{"content":"064ccdc3"}],"tag":"e8564438","listMetadata":"0525c05b"},"/blog/tmai-april-2023-547":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"4732c43b"},"/blog/tmai-june-2023-5c6":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"10221538"},"/blog/tmai-may-2023-ac9":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"203e7aa1"},"/blog/web-crawling-c9b":{"__comp":"ccc49370","__context":{"plugin":"ecb97aab"},"sidebar":"814f3328","content":"181379b6"},"/search-ef7":{"__comp":"1a4e3797","__context":{"plugin":"8aa54cac"}},"/docs-0f7":{"__comp":"1be78505","__context":{"plugin":"7d0539b1"},"versionMetadata":"935f2afb"},"/docs/about-tcetopensource-a55":{"__comp":"17896441","content":"d2402109"},"/docs/category/projects-efe":{"__comp":"14eb3368","categoryGeneratedIndex":"ee5821a3"},"/docs/category/resources-99b":{"__comp":"14eb3368","categoryGeneratedIndex":"c44c3bbb"},"/docs/category/workflows-13b":{"__comp":"14eb3368","categoryGeneratedIndex":"2e79d8a7"},"/docs/projects/docs-site/about-docs-e12":{"__comp":"17896441","content":"c17206ae"},"/docs/projects/docs-site/getting-started-9cd":{"__comp":"17896441","content":"07d4f3c3"},"/docs/projects/docs-site/navbar/-272":{"__comp":"17896441","content":"c750b51b"},"/docs/projects/docs-site/navbar/adding-items-e26":{"__comp":"17896441","content":"feea2548"},"/docs/projects/docs-site/navbar/adding-links-179":{"__comp":"17896441","content":"73006ab0"},"/docs/projects/docs-site/navbar/search-bar-ed6":{"__comp":"17896441","content":"69c643c0"},"/docs/projects/docs-site/navbar/title-and-logo-152":{"__comp":"17896441","content":"e6bee1e8"},"/docs/projects/docs-site/sidebar/-83a":{"__comp":"17896441","content":"c578a3f6"},"/docs/projects/docs-site/sidebar/adding-categories-74c":{"__comp":"17896441","content":"b3738e59"},"/docs/projects/docs-site/sidebar/adding-items-f3e":{"__comp":"17896441","content":"481fd4dd"},"/docs/projects/docs-site/sidebar/adding-links-c50":{"__comp":"17896441","content":"89d2fbd1"},"/docs/projects/docs-site/sidebar/multiple-sidebars-db4":{"__comp":"17896441","content":"4b95aa7a"},"/docs/projects/fmc-website/about-fmc-website-67b":{"__comp":"17896441","content":"0e701e42"},"/docs/projects/fmc-website/components/button-instructions-7db":{"__comp":"17896441","content":"08c356fe"},"/docs/projects/fmc-website/components/cycle-result-a12":{"__comp":"17896441","content":"0dbc6863"},"/docs/projects/fmc-website/components/defining-cycle-ea9":{"__comp":"17896441","content":"ca576004"},"/docs/projects/fmc-website/components/displaying-cycle-349":{"__comp":"17896441","content":"52cd39ac"},"/docs/projects/fmc-website/components/footer-78e":{"__comp":"17896441","content":"174af344"},"/docs/projects/fmc-website/components/header-help-bd8":{"__comp":"17896441","content":"48b11c83"},"/docs/projects/fmc-website/components/tech-stacks-db4":{"__comp":"17896441","content":"4e7cf029"},"/docs/projects/fmc-website/getting-started-ed1":{"__comp":"17896441","content":"f4acf23e"},"/docs/projects/fmc-website/mathematical-logic/average-df3":{"__comp":"17896441","content":"06d3e07c"},"/docs/projects/fmc-website/mathematical-logic/calculation-5a4":{"__comp":"17896441","content":"e5ed126e"},"/docs/projects/fmc-website/mathematical-logic/checker-c49":{"__comp":"17896441","content":"9c364e92"},"/docs/projects/fmc-website/mathematical-logic/input-handler-f5d":{"__comp":"17896441","content":"56ec2d2a"},"/docs/projects/fmc-website/mathematical-logic/page-interaction-89e":{"__comp":"17896441","content":"e8674cfb"},"/docs/projects/fmc-website/mathematical-logic/perform-a09":{"__comp":"17896441","content":"19077414"},"/docs/projects/fmc-website/mathematical-logic/scripts-eb6":{"__comp":"17896441","content":"a6be9a06"},"/docs/projects/fmc-website/mathematical-logic/table-calculator-5f8":{"__comp":"17896441","content":"a3f8542c"},"/docs/projects/fmc-website/mathematical-logic/table-manager-268":{"__comp":"17896441","content":"07d439e2"},"/docs/projects/fmc-website/mathematical-logic/table-row-updater-e50":{"__comp":"17896441","content":"e1b5da7f"},"/docs/projects/fmc-website/mathematical-logic/table-transformation-bac":{"__comp":"17896441","content":"5bf92320"},"/docs/projects/fmc-website/mathematical-logic/table-updater-cd6":{"__comp":"17896441","content":"829f3b94"},"/docs/projects/resume-screener-website/about-resume-screener-website-ce4":{"__comp":"17896441","content":"42a79876"},"/docs/projects/resume-screener-website/frontend-components/about-us-fb7":{"__comp":"17896441","content":"2e20eea4"},"/docs/projects/resume-screener-website/frontend-components/ats-resume-template-21a":{"__comp":"17896441","content":"0bb967d4"},"/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan-62d":{"__comp":"17896441","content":"f09c742d"},"/docs/projects/resume-screener-website/frontend-components/card-d83":{"__comp":"17896441","content":"8f081614"},"/docs/projects/resume-screener-website/frontend-components/footer-f34":{"__comp":"17896441","content":"4303eacb"},"/docs/projects/resume-screener-website/frontend-components/guideline-401":{"__comp":"17896441","content":"336d5e53"},"/docs/projects/resume-screener-website/frontend-components/header-8af":{"__comp":"17896441","content":"dccfcda8"},"/docs/projects/resume-screener-website/frontend-components/hero-070":{"__comp":"17896441","content":"148b302f"},"/docs/projects/resume-screener-website/frontend-components/tech-stacks-9bc":{"__comp":"17896441","content":"b6213d43"},"/docs/projects/resume-screener-website/getting-started-8ad":{"__comp":"17896441","content":"41a57e93"},"/docs/projects/tcet-linux-website/about-tcet-linux-website-fe7":{"__comp":"17896441","content":"c29df475"},"/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard-a69":{"__comp":"17896441","content":"a8657b80"},"/docs/projects/tcet-linux-website/frontend-components/download-section-0b2":{"__comp":"17896441","content":"5e3d8917"},"/docs/projects/tcet-linux-website/frontend-components/footer-ccc":{"__comp":"17896441","content":"f74d269b"},"/docs/projects/tcet-linux-website/frontend-components/hero-dd3":{"__comp":"17896441","content":"cb2f910a"},"/docs/projects/tcet-linux-website/frontend-components/installation-steps-626":{"__comp":"17896441","content":"65e2adb6"},"/docs/projects/tcet-linux-website/frontend-components/navbar-662":{"__comp":"17896441","content":"2b5f54f2"},"/docs/projects/tcet-linux-website/frontend-components/tech-stacks-0b1":{"__comp":"17896441","content":"4bc386a3"},"/docs/projects/tcet-linux-website/frontend-components/verify-downloads-219":{"__comp":"17896441","content":"79b40c34"},"/docs/projects/tcet-linux-website/getting-started-b88":{"__comp":"17896441","content":"ed67adc0"},"/docs/projects/tcet-linux/about-tcet-linux-833":{"__comp":"17896441","content":"f3acecd9"},"/docs/projects/tcet-linux/getting-started-cdb":{"__comp":"17896441","content":"15c9b4fc"},"/docs/projects/tcet-linux/iso-profile/-a34":{"__comp":"17896441","content":"c3596f7d"},"/docs/projects/tcet-linux/iso-profile/bootloaders-3e6":{"__comp":"17896441","content":"7332ec3f"},"/docs/projects/tcet-linux/iso-profile/rootfs-fe8":{"__comp":"17896441","content":"1f1a9191"},"/docs/projects/tcet-linux/iso-profile/scripts-b9a":{"__comp":"17896441","content":"01bf591d"},"/docs/projects/tnp-website/about-tnp-website-6d9":{"__comp":"17896441","content":"fa3e5dd5"},"/docs/projects/tnp-website/directory-structure-105":{"__comp":"17896441","content":"ef5c2ce9"},"/docs/projects/tnp-website/frontend-components/about-us-e2a":{"__comp":"17896441","content":"f1fda3c7"},"/docs/projects/tnp-website/frontend-components/attendance-chart-2e9":{"__comp":"17896441","content":"68d4a8ee"},"/docs/projects/tnp-website/frontend-components/companies-466":{"__comp":"17896441","content":"6724b65c"},"/docs/projects/tnp-website/frontend-components/components-bd2":{"__comp":"17896441","content":"14ab2c58"},"/docs/projects/tnp-website/frontend-components/event-page-3f4":{"__comp":"17896441","content":"1132ad1b"},"/docs/projects/tnp-website/frontend-components/footer-736":{"__comp":"17896441","content":"015b1d9e"},"/docs/projects/tnp-website/frontend-components/header-fe8":{"__comp":"17896441","content":"5a05c4ed"},"/docs/projects/tnp-website/frontend-components/hero-e9a":{"__comp":"17896441","content":"ab2ce8cc"},"/docs/projects/tnp-website/frontend-components/industry-interaction-82e":{"__comp":"17896441","content":"67fc793f"},"/docs/projects/tnp-website/frontend-components/internships-d25":{"__comp":"17896441","content":"0678a95e"},"/docs/projects/tnp-website/frontend-components/placed-students-ca3":{"__comp":"17896441","content":"7425c87d"},"/docs/projects/tnp-website/frontend-components/placement-1a4":{"__comp":"17896441","content":"6de70aac"},"/docs/projects/tnp-website/frontend-components/student-award-e5f":{"__comp":"17896441","content":"5f8fc89b"},"/docs/projects/tnp-website/frontend-components/tech-stacks-694":{"__comp":"17896441","content":"3b584882"},"/docs/projects/tnp-website/frontend-components/testimonials-e7c":{"__comp":"17896441","content":"f9492474"},"/docs/projects/tnp-website/frontend-components/top-placed-students-8b5":{"__comp":"17896441","content":"4cbce6ab"},"/docs/projects/tnp-website/frontend-components/top-recruiters-58f":{"__comp":"17896441","content":"b915f261"},"/docs/projects/tnp-website/frontend-components/training-659":{"__comp":"17896441","content":"d74a0d55"},"/docs/projects/tnp-website/getting-started-000":{"__comp":"17896441","content":"b90f67ab"},"/docs/resources/workflows/external-workflow/-3be":{"__comp":"17896441","content":"940d989c"},"/docs/resources/workflows/internal-workflow/-937":{"__comp":"17896441","content":"19b37017"},"/-4a7":{"__comp":"c4f5d8e4","__context":{"plugin":"a9abc03d"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=7221,e(e.s=t);var t}));e.O()}]); \ No newline at end of file diff --git a/assets/js/main.2ee77d72.js.LICENSE.txt b/assets/js/main.6261e96d.js.LICENSE.txt similarity index 100% rename from assets/js/main.2ee77d72.js.LICENSE.txt rename to assets/js/main.6261e96d.js.LICENSE.txt diff --git a/assets/js/runtime~main.96ac7efa.js b/assets/js/runtime~main.96ac7efa.js new file mode 100644 index 00000000..f38befe0 --- /dev/null +++ b/assets/js/runtime~main.96ac7efa.js @@ -0,0 +1 @@ +(()=>{"use strict";var e,c,a,d,f,b={},t={};function r(e){var c=t[e];if(void 0!==c)return c.exports;var a=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(a.exports,a,a.exports,r),a.loaded=!0,a.exports}r.m=b,r.c=t,e=[],r.O=(c,a,d,f)=>{if(!a){var b=1/0;for(i=0;i<e.length;i++){a=e[i][0],d=e[i][1],f=e[i][2];for(var t=!0,o=0;o<a.length;o++)(!1&f||b>=f)&&Object.keys(r.O).every((e=>r.O[e](a[o])))?a.splice(o--,1):(t=!1,f<b&&(b=f));if(t){e.splice(i--,1);var n=d();void 0!==n&&(c=n)}}return c}f=f||0;for(var i=e.length;i>0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[a,d,f]},r.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return r.d(c,{a:c}),c},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var f=Object.create(null);r.r(f);var b={};c=c||[null,a({}),a([]),a(a)];for(var t=2&d&&e;"object"==typeof t&&!~c.indexOf(t);t=a(t))Object.getOwnPropertyNames(t).forEach((c=>b[c]=()=>e[c]));return b.default=()=>e,r.d(f,b),f},r.d=(e,c)=>{for(var a in c)r.o(c,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((c,a)=>(r.f[a](e,c),c)),[])),r.u=e=>"assets/js/"+({1:"8eb4e46b",40:"15c9b4fc",53:"935f2afb",64:"56ec2d2a",129:"2b5f54f2",147:"70ad3ff0",175:"b915f261",178:"06d3e07c",259:"99a66f7b",342:"f7646656",357:"01bf591d",378:"dccfcda8",383:"4e7cf029",476:"c29df475",498:"69b09ea9",533:"b2b675dd",580:"bc23c598",607:"ecb97aab",645:"6b040dea",703:"79b40c34",788:"d7f54ba9",817:"10221538",849:"92fd5fda",850:"7797872e",899:"e8564438",930:"5fcc37c8",952:"14ab2c58",957:"cda22062",992:"e943ec5e",997:"145b2738",1149:"f3acecd9",1151:"9475880e",1180:"9c364e92",1183:"5a05c4ed",1235:"203e7aa1",1258:"08c356fe",1316:"1132ad1b",1347:"f2544e3f",1353:"5e729dc7",1399:"41a57e93",1422:"0f9e71a3",1477:"b2f554cd",1515:"19b37017",1531:"11ce4159",1602:"249c34a0",1713:"a7023ddc",1733:"ef5c2ce9",1737:"9d67aca7",1820:"c689f34a",1829:"d1c21ad3",1835:"4e5f1ca0",1859:"23449821",1861:"65e2adb6",1914:"0678a95e",2008:"d2402109",2049:"c44c3bbb",2072:"174af344",2114:"0b770e5c",2184:"0ca0adb8",2197:"970d58c3",2284:"e5ed126e",2300:"4bc386a3",2307:"bdff1965",2332:"ab4c6d72",2357:"336d5e53",2369:"4b2d8469",2406:"ad8a4f52",2444:"e1b5da7f",2499:"cf5983a7",2526:"84e5d1c3",2535:"814f3328",2618:"180aea8b",2682:"2e79d8a7",2735:"a977d5d4",2798:"2ca153c8",2877:"52cd39ac",2878:"afaff11a",2892:"c3596f7d",2894:"2d2f753f",2943:"07d439e2",3004:"6de70aac",3058:"5b4d43ff",3074:"cbafb38b",3075:"5892662e",3089:"a6aa9e1f",3334:"07e2df72",3374:"6c601b0f",3376:"f3543915",3477:"68d4a8ee",3536:"277a8968",3554:"b2709843",3608:"9e4087bc",3682:"545cb3af",3690:"6724b65c",3711:"56e32e60",3832:"c17206ae",3854:"a36811df",3887:"c578a3f6",3920:"940d989c",3937:"b1513dc1",3976:"011e0067",4013:"01a85c17",4022:"720401d8",4039:"b90f67ab",4090:"ad24ee66",4110:"6d025361",4194:"829f3b94",4195:"c4f5d8e4",4199:"42a79876",4270:"ca576004",4361:"fa3e5dd5",4406:"181379b6",4414:"16ea2389",4420:"3bcb60ef",4491:"c6f71f2b",4586:"ad4ba58a",4639:"f21b70b1",4640:"dd5bc5cd",4732:"ac2246e0",4736:"5e3d8917",4759:"9a413aa3",4803:"f74d269b",4813:"e40d9651",4843:"7425c87d",4852:"a9abc03d",4898:"77b704ef",4925:"8609c8e4",4951:"dff928e6",4959:"6ee5f2ba",4972:"4b078b99",4974:"332c576c",5029:"bece1fcc",5105:"c750b51b",5145:"1f1a9191",5158:"b6213d43",5160:"6c7ec1b6",5196:"424aade5",5205:"e8674cfb",5300:"73006ab0",5456:"3efe186d",5614:"468416a0",5683:"5d67ed81",5704:"2243869d",5742:"9d13a154",5794:"07d4f3c3",5810:"25db3e58",5850:"6068a052",5854:"f7c79d71",5877:"35fb2de4",5932:"70c84758",5987:"89d2fbd1",6085:"805a8850",6103:"ccc49370",6144:"69c643c0",6149:"e6c44b2b",6189:"52961045",6274:"e0eb994a",6336:"0bb967d4",6345:"d74a0d55",6451:"2b7c4d8e",6476:"015b1d9e",6483:"195928cd",6488:"4303eacb",6560:"4bd5fd33",6626:"183d06d0",6650:"cb2f910a",6731:"361aeaff",6740:"42cfb5d4",6759:"0dbc6863",7013:"064ccdc3",7060:"126747ee",7072:"4732c43b",7142:"44ac4dbb",7207:"feea2548",7222:"0be9de06",7228:"2455eea8",7229:"c7135589",7256:"db0d0857",7352:"e6bee1e8",7404:"ba8f817c",7429:"7d9726a8",7456:"7f7940a1",7466:"67fc793f",7491:"f9492474",7516:"45ca282f",7661:"96504147",7682:"ee5821a3",7708:"2e20eea4",7820:"cb345c93",7834:"7d0539b1",7890:"8b916fa8",7892:"481fd4dd",7918:"17896441",7920:"1a4e3797",7922:"8f081614",8030:"19077414",8050:"13c191f5",8063:"f1fda3c7",8104:"f4acf23e",8267:"ed67adc0",8404:"8128ed27",8414:"b3738e59",8426:"4cbce6ab",8442:"92999a1c",8485:"0e701e42",8492:"3b584882",8523:"5f8fc89b",8566:"829ce8eb",8610:"6875c492",8624:"148b302f",8635:"f09c742d",8650:"5bf92320",8717:"c5e81cca",8843:"f32fe326",9044:"a6be9a06",9054:"ad7114c0",9088:"1217cc9a",9106:"48b11c83",9118:"e9fb9b7c",9169:"51e4ac6f",9209:"a8657b80",9223:"e1f3d415",9230:"ab2ce8cc",9274:"ce974d64",9287:"6d453d64",9313:"4e20cbbc",9344:"2f43b7b8",9361:"a3f8542c",9409:"b86fb017",9484:"4b95aa7a",9514:"1be78505",9535:"28d37a26",9556:"7332ec3f",9571:"d530b40c",9650:"55207995",9686:"bb19e508",9707:"018d5104",9724:"8aa54cac",9817:"14eb3368",9846:"0525c05b",9851:"093d5119",9906:"918c5d55",9962:"0abe3c97"}[e]||e)+"."+{1:"2f4c6944",40:"0b781a5f",53:"1eb2a7bd",64:"0d4493a1",129:"86ff094d",147:"19a558e4",175:"fe9d14bb",178:"e4d71197",259:"3c053e09",342:"54c46cdf",357:"58cd9f9a",378:"2c5519aa",383:"24c30a70",476:"5c791021",498:"bc99ff3f",533:"8715727b",580:"d9c515fe",607:"642ae801",645:"af2f5be1",703:"934b70e9",788:"e2efa4ac",817:"e1eee4e6",849:"904234db",850:"bf7c7b67",899:"3a294058",930:"792e4e3b",952:"c40aafad",957:"3f7309c5",992:"42018919",997:"e86686aa",1149:"40ed93c0",1151:"f66983fc",1180:"a215d250",1183:"1c6b2ad9",1235:"a45efd38",1258:"1ad7bc75",1316:"19639936",1347:"8329f177",1353:"cf16e752",1399:"05395596",1422:"875022d7",1426:"65b44d87",1477:"551789bc",1515:"75fcbb24",1531:"e2a528f9",1602:"15a15913",1713:"f4f7f6bb",1733:"f5f0541a",1737:"d328e73d",1820:"0da50e88",1829:"e4a96be2",1835:"bfb406b0",1859:"332f871e",1861:"a49cfb05",1914:"f8cf349f",2008:"0f8125ce",2049:"e8f6aabc",2072:"8d403ed4",2114:"5f09e51e",2184:"3f0b7050",2197:"e14f377a",2284:"537f9cf0",2300:"9d672fbe",2307:"fcdc98ef",2332:"f6bedea5",2357:"123766a2",2369:"775e9e57",2406:"da9d320a",2444:"8bdba185",2497:"ef7cccc9",2499:"bc5a6b2b",2526:"99a147e7",2535:"a3f17ea3",2618:"eb74b478",2682:"9ead633a",2735:"0f784c9a",2798:"372c8c64",2877:"6905c00b",2878:"391139c2",2892:"71629e73",2894:"a24b9916",2943:"5b11d65a",3004:"3554bfa6",3058:"4de65c44",3074:"20e0bd5b",3075:"7e29146b",3089:"16299750",3334:"3194f785",3374:"be55f11a",3376:"a40bcf8d",3477:"c192d05c",3536:"81e0e751",3554:"68ef69ef",3608:"40d278ca",3682:"05911b9c",3690:"beae809b",3711:"49095a8c",3832:"0b8c5efb",3854:"58028148",3887:"1fb71411",3920:"8ca67b1e",3937:"3876d94b",3976:"daa65eeb",4013:"613a5df8",4022:"2b5d7425",4039:"d19c4a89",4090:"bdb712b9",4110:"684b3a4a",4194:"9275950b",4195:"01368ec1",4199:"74bec0fe",4270:"c898a871",4361:"49e5d403",4406:"cbcc8fd3",4414:"3880be44",4420:"84c66633",4491:"71300840",4586:"3e73de12",4639:"54a96499",4640:"9d751612",4732:"b9fe4c2f",4736:"4d070035",4759:"0edd90c7",4803:"b2245753",4813:"24d00d25",4843:"c50daaee",4852:"f1fa2661",4898:"2e3e4d1d",4925:"89351d41",4951:"b03ac2ad",4959:"2edec3b4",4972:"5ce4659c",4974:"09d9231d",5029:"b6a2594e",5105:"360650e2",5145:"cca70971",5158:"2a2d9c98",5160:"609c2f69",5196:"58359025",5205:"ab83b7cf",5300:"fefbceb7",5456:"45116753",5614:"785c325e",5683:"3af28566",5704:"3f7830c0",5742:"4e7f1111",5794:"aa66806f",5810:"c81e80ca",5850:"d73246d9",5854:"326b1deb",5877:"d0fbbd53",5932:"122c7f11",5987:"4946f3f8",6048:"41ffe614",6085:"4cf569ef",6103:"2cbbba2e",6144:"aa4cee4e",6149:"e442b678",6189:"8a72641c",6233:"546debc5",6274:"0e0b711c",6336:"bdcb9f2a",6345:"7dc7971e",6451:"31103f96",6476:"f2834912",6483:"ebdac506",6488:"b5bfea06",6560:"091659be",6626:"3a971f65",6650:"3e1979db",6731:"4945ebd8",6740:"cf73591d",6759:"5b76083d",6945:"e6ca558a",7013:"825ca217",7060:"7e81525a",7072:"eb8e7638",7142:"4e4e7175",7207:"ff6540f6",7222:"68418712",7228:"c465013e",7229:"ec4f56a5",7256:"bd526f2e",7352:"9478e3fb",7404:"3919b211",7429:"91d5a146",7456:"c80eb9fa",7466:"5ae7a0ff",7491:"a66e1340",7515:"2efe5cd1",7516:"0ab8c7f0",7661:"244cf144",7682:"772d0ed2",7708:"d53c6664",7820:"7606300a",7834:"fd22b730",7890:"e2c1eaa2",7892:"325ade5a",7918:"dc7d052d",7920:"355db28c",7922:"8584ed26",8030:"2ac76c4f",8050:"0178d403",8063:"19772444",8104:"feb8f642",8267:"9f827f85",8404:"5957671e",8414:"9d96a67d",8426:"c3164733",8442:"8f55ad66",8485:"0dc78ad8",8492:"19ba11e1",8523:"2c6a3194",8566:"d4dd5e8b",8610:"5a990d13",8624:"2b198523",8635:"42075f56",8650:"99910d93",8717:"7a85f80e",8843:"f9dd6beb",8894:"547a1c8d",9044:"0d4a7f0e",9054:"53ed8059",9088:"7ec6218d",9106:"6d1f105c",9118:"2a173d42",9169:"db05078f",9209:"d4219591",9223:"90e5b376",9230:"90db32fd",9274:"bea7fa44",9287:"aed254f4",9313:"5ff853f9",9344:"5e65fe82",9361:"f506691d",9409:"5159930a",9484:"dffe6210",9514:"18c8ac94",9535:"15bfba1c",9556:"7d054518",9571:"61424502",9650:"a1266fac",9686:"c1b7136b",9707:"420cfd4e",9724:"e24ece05",9817:"657acd54",9846:"25f6a0e4",9851:"1c3ff9bd",9906:"f8135784",9962:"b746e22d"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),d={},f="docs:",r.l=(e,c,a,b)=>{if(d[e])d[e].push(c);else{var t,o;if(void 0!==a)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==f+a){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",f+a),t.src=e),d[e]=[c];var l=(c,a)=>{t.onerror=t.onload=null,clearTimeout(s);var f=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),f&&f.forEach((e=>e(a))),c)return c(a)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={10221538:"817",17896441:"7918",19077414:"8030",23449821:"1859",52961045:"6189",55207995:"9650",96504147:"7661","8eb4e46b":"1","15c9b4fc":"40","935f2afb":"53","56ec2d2a":"64","2b5f54f2":"129","70ad3ff0":"147",b915f261:"175","06d3e07c":"178","99a66f7b":"259",f7646656:"342","01bf591d":"357",dccfcda8:"378","4e7cf029":"383",c29df475:"476","69b09ea9":"498",b2b675dd:"533",bc23c598:"580",ecb97aab:"607","6b040dea":"645","79b40c34":"703",d7f54ba9:"788","92fd5fda":"849","7797872e":"850",e8564438:"899","5fcc37c8":"930","14ab2c58":"952",cda22062:"957",e943ec5e:"992","145b2738":"997",f3acecd9:"1149","9475880e":"1151","9c364e92":"1180","5a05c4ed":"1183","203e7aa1":"1235","08c356fe":"1258","1132ad1b":"1316",f2544e3f:"1347","5e729dc7":"1353","41a57e93":"1399","0f9e71a3":"1422",b2f554cd:"1477","19b37017":"1515","11ce4159":"1531","249c34a0":"1602",a7023ddc:"1713",ef5c2ce9:"1733","9d67aca7":"1737",c689f34a:"1820",d1c21ad3:"1829","4e5f1ca0":"1835","65e2adb6":"1861","0678a95e":"1914",d2402109:"2008",c44c3bbb:"2049","174af344":"2072","0b770e5c":"2114","0ca0adb8":"2184","970d58c3":"2197",e5ed126e:"2284","4bc386a3":"2300",bdff1965:"2307",ab4c6d72:"2332","336d5e53":"2357","4b2d8469":"2369",ad8a4f52:"2406",e1b5da7f:"2444",cf5983a7:"2499","84e5d1c3":"2526","814f3328":"2535","180aea8b":"2618","2e79d8a7":"2682",a977d5d4:"2735","2ca153c8":"2798","52cd39ac":"2877",afaff11a:"2878",c3596f7d:"2892","2d2f753f":"2894","07d439e2":"2943","6de70aac":"3004","5b4d43ff":"3058",cbafb38b:"3074","5892662e":"3075",a6aa9e1f:"3089","07e2df72":"3334","6c601b0f":"3374",f3543915:"3376","68d4a8ee":"3477","277a8968":"3536",b2709843:"3554","9e4087bc":"3608","545cb3af":"3682","6724b65c":"3690","56e32e60":"3711",c17206ae:"3832",a36811df:"3854",c578a3f6:"3887","940d989c":"3920",b1513dc1:"3937","011e0067":"3976","01a85c17":"4013","720401d8":"4022",b90f67ab:"4039",ad24ee66:"4090","6d025361":"4110","829f3b94":"4194",c4f5d8e4:"4195","42a79876":"4199",ca576004:"4270",fa3e5dd5:"4361","181379b6":"4406","16ea2389":"4414","3bcb60ef":"4420",c6f71f2b:"4491",ad4ba58a:"4586",f21b70b1:"4639",dd5bc5cd:"4640",ac2246e0:"4732","5e3d8917":"4736","9a413aa3":"4759",f74d269b:"4803",e40d9651:"4813","7425c87d":"4843",a9abc03d:"4852","77b704ef":"4898","8609c8e4":"4925",dff928e6:"4951","6ee5f2ba":"4959","4b078b99":"4972","332c576c":"4974",bece1fcc:"5029",c750b51b:"5105","1f1a9191":"5145",b6213d43:"5158","6c7ec1b6":"5160","424aade5":"5196",e8674cfb:"5205","73006ab0":"5300","3efe186d":"5456","468416a0":"5614","5d67ed81":"5683","2243869d":"5704","9d13a154":"5742","07d4f3c3":"5794","25db3e58":"5810","6068a052":"5850",f7c79d71:"5854","35fb2de4":"5877","70c84758":"5932","89d2fbd1":"5987","805a8850":"6085",ccc49370:"6103","69c643c0":"6144",e6c44b2b:"6149",e0eb994a:"6274","0bb967d4":"6336",d74a0d55:"6345","2b7c4d8e":"6451","015b1d9e":"6476","195928cd":"6483","4303eacb":"6488","4bd5fd33":"6560","183d06d0":"6626",cb2f910a:"6650","361aeaff":"6731","42cfb5d4":"6740","0dbc6863":"6759","064ccdc3":"7013","126747ee":"7060","4732c43b":"7072","44ac4dbb":"7142",feea2548:"7207","0be9de06":"7222","2455eea8":"7228",c7135589:"7229",db0d0857:"7256",e6bee1e8:"7352",ba8f817c:"7404","7d9726a8":"7429","7f7940a1":"7456","67fc793f":"7466",f9492474:"7491","45ca282f":"7516",ee5821a3:"7682","2e20eea4":"7708",cb345c93:"7820","7d0539b1":"7834","8b916fa8":"7890","481fd4dd":"7892","1a4e3797":"7920","8f081614":"7922","13c191f5":"8050",f1fda3c7:"8063",f4acf23e:"8104",ed67adc0:"8267","8128ed27":"8404",b3738e59:"8414","4cbce6ab":"8426","92999a1c":"8442","0e701e42":"8485","3b584882":"8492","5f8fc89b":"8523","829ce8eb":"8566","6875c492":"8610","148b302f":"8624",f09c742d:"8635","5bf92320":"8650",c5e81cca:"8717",f32fe326:"8843",a6be9a06:"9044",ad7114c0:"9054","1217cc9a":"9088","48b11c83":"9106",e9fb9b7c:"9118","51e4ac6f":"9169",a8657b80:"9209",e1f3d415:"9223",ab2ce8cc:"9230",ce974d64:"9274","6d453d64":"9287","4e20cbbc":"9313","2f43b7b8":"9344",a3f8542c:"9361",b86fb017:"9409","4b95aa7a":"9484","1be78505":"9514","28d37a26":"9535","7332ec3f":"9556",d530b40c:"9571",bb19e508:"9686","018d5104":"9707","8aa54cac":"9724","14eb3368":"9817","0525c05b":"9846","093d5119":"9851","918c5d55":"9906","0abe3c97":"9962"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(c,a)=>{var d=r.o(e,c)?e[c]:void 0;if(0!==d)if(d)a.push(d[2]);else if(/^(1303|532)$/.test(c))e[c]=0;else{var f=new Promise(((a,f)=>d=e[c]=[a,f]));a.push(d[2]=f);var b=r.p+r.u(c),t=new Error;r.l(b,(a=>{if(r.o(e,c)&&(0!==(d=e[c])&&(e[c]=void 0),d)){var f=a&&("load"===a.type?"missing":a.type),b=a&&a.target&&a.target.src;t.message="Loading chunk "+c+" failed.\n("+f+": "+b+")",t.name="ChunkLoadError",t.type=f,t.request=b,d[1](t)}}),"chunk-"+c,c)}},r.O.j=c=>0===e[c];var c=(c,a)=>{var d,f,b=a[0],t=a[1],o=a[2],n=0;if(b.some((c=>0!==e[c]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(c&&c(a);n<b.length;n++)f=b[n],r.o(e,f)&&e[f]&&e[f][0](),e[f]=0;return r.O(i)},a=self.webpackChunkdocs=self.webpackChunkdocs||[];a.forEach(c.bind(null,0)),a.push=c.bind(null,a.push.bind(a))})()})(); \ No newline at end of file diff --git a/assets/js/runtime~main.a2117aa3.js b/assets/js/runtime~main.a2117aa3.js deleted file mode 100644 index 2156d370..00000000 --- a/assets/js/runtime~main.a2117aa3.js +++ /dev/null @@ -1 +0,0 @@ -(()=>{"use strict";var e,c,a,d,f,b={},t={};function r(e){var c=t[e];if(void 0!==c)return c.exports;var a=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(a.exports,a,a.exports,r),a.loaded=!0,a.exports}r.m=b,r.c=t,e=[],r.O=(c,a,d,f)=>{if(!a){var b=1/0;for(i=0;i<e.length;i++){a=e[i][0],d=e[i][1],f=e[i][2];for(var t=!0,o=0;o<a.length;o++)(!1&f||b>=f)&&Object.keys(r.O).every((e=>r.O[e](a[o])))?a.splice(o--,1):(t=!1,f<b&&(b=f));if(t){e.splice(i--,1);var n=d();void 0!==n&&(c=n)}}return c}f=f||0;for(var i=e.length;i>0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[a,d,f]},r.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return r.d(c,{a:c}),c},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var f=Object.create(null);r.r(f);var b={};c=c||[null,a({}),a([]),a(a)];for(var t=2&d&&e;"object"==typeof t&&!~c.indexOf(t);t=a(t))Object.getOwnPropertyNames(t).forEach((c=>b[c]=()=>e[c]));return b.default=()=>e,r.d(f,b),f},r.d=(e,c)=>{for(var a in c)r.o(c,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:c[a]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((c,a)=>(r.f[a](e,c),c)),[])),r.u=e=>"assets/js/"+({1:"8eb4e46b",40:"15c9b4fc",53:"935f2afb",64:"56ec2d2a",129:"2b5f54f2",147:"70ad3ff0",175:"b915f261",178:"06d3e07c",259:"99a66f7b",342:"f7646656",357:"01bf591d",378:"dccfcda8",383:"4e7cf029",476:"c29df475",498:"69b09ea9",533:"b2b675dd",580:"bc23c598",607:"ecb97aab",645:"6b040dea",703:"79b40c34",788:"d7f54ba9",817:"10221538",849:"92fd5fda",850:"7797872e",899:"e8564438",930:"5fcc37c8",952:"14ab2c58",957:"cda22062",992:"e943ec5e",997:"145b2738",1149:"f3acecd9",1151:"9475880e",1180:"9c364e92",1183:"5a05c4ed",1235:"203e7aa1",1258:"08c356fe",1316:"1132ad1b",1347:"f2544e3f",1353:"5e729dc7",1399:"41a57e93",1422:"0f9e71a3",1477:"b2f554cd",1515:"19b37017",1531:"11ce4159",1602:"249c34a0",1713:"a7023ddc",1733:"ef5c2ce9",1737:"9d67aca7",1820:"c689f34a",1829:"d1c21ad3",1835:"4e5f1ca0",1859:"23449821",1861:"65e2adb6",1914:"0678a95e",2008:"d2402109",2049:"c44c3bbb",2072:"174af344",2114:"0b770e5c",2184:"0ca0adb8",2197:"970d58c3",2284:"e5ed126e",2300:"4bc386a3",2307:"bdff1965",2332:"ab4c6d72",2357:"336d5e53",2369:"4b2d8469",2406:"ad8a4f52",2444:"e1b5da7f",2499:"cf5983a7",2535:"814f3328",2618:"180aea8b",2682:"2e79d8a7",2735:"a977d5d4",2798:"2ca153c8",2877:"52cd39ac",2878:"afaff11a",2892:"c3596f7d",2894:"2d2f753f",2943:"07d439e2",3004:"6de70aac",3058:"5b4d43ff",3074:"cbafb38b",3075:"5892662e",3089:"a6aa9e1f",3334:"07e2df72",3374:"6c601b0f",3376:"f3543915",3477:"68d4a8ee",3536:"277a8968",3554:"b2709843",3608:"9e4087bc",3682:"545cb3af",3690:"6724b65c",3711:"56e32e60",3832:"c17206ae",3854:"a36811df",3887:"c578a3f6",3920:"940d989c",3937:"b1513dc1",3976:"011e0067",4013:"01a85c17",4022:"720401d8",4039:"b90f67ab",4090:"ad24ee66",4110:"6d025361",4194:"829f3b94",4195:"c4f5d8e4",4199:"42a79876",4270:"ca576004",4361:"fa3e5dd5",4406:"181379b6",4414:"16ea2389",4420:"3bcb60ef",4491:"c6f71f2b",4586:"ad4ba58a",4639:"f21b70b1",4640:"dd5bc5cd",4736:"5e3d8917",4759:"9a413aa3",4803:"f74d269b",4813:"e40d9651",4843:"7425c87d",4852:"a9abc03d",4898:"77b704ef",4951:"dff928e6",4959:"6ee5f2ba",4974:"332c576c",5029:"bece1fcc",5105:"c750b51b",5145:"1f1a9191",5158:"b6213d43",5160:"6c7ec1b6",5205:"e8674cfb",5300:"73006ab0",5456:"3efe186d",5614:"468416a0",5683:"5d67ed81",5704:"2243869d",5742:"9d13a154",5794:"07d4f3c3",5810:"25db3e58",5850:"6068a052",5854:"f7c79d71",5932:"70c84758",5987:"89d2fbd1",6085:"805a8850",6103:"ccc49370",6144:"69c643c0",6149:"e6c44b2b",6189:"52961045",6274:"e0eb994a",6336:"0bb967d4",6345:"d74a0d55",6476:"015b1d9e",6483:"195928cd",6488:"4303eacb",6560:"4bd5fd33",6626:"183d06d0",6650:"cb2f910a",6731:"361aeaff",6740:"42cfb5d4",6759:"0dbc6863",7013:"064ccdc3",7060:"126747ee",7072:"4732c43b",7142:"44ac4dbb",7207:"feea2548",7222:"0be9de06",7228:"2455eea8",7229:"c7135589",7352:"e6bee1e8",7404:"ba8f817c",7429:"7d9726a8",7456:"7f7940a1",7466:"67fc793f",7491:"f9492474",7661:"96504147",7682:"ee5821a3",7708:"2e20eea4",7820:"cb345c93",7834:"7d0539b1",7890:"8b916fa8",7892:"481fd4dd",7918:"17896441",7920:"1a4e3797",7922:"8f081614",8030:"19077414",8050:"13c191f5",8063:"f1fda3c7",8104:"f4acf23e",8267:"ed67adc0",8404:"8128ed27",8414:"b3738e59",8426:"4cbce6ab",8442:"92999a1c",8485:"0e701e42",8492:"3b584882",8523:"5f8fc89b",8566:"829ce8eb",8610:"6875c492",8624:"148b302f",8635:"f09c742d",8650:"5bf92320",8717:"c5e81cca",8843:"f32fe326",9044:"a6be9a06",9054:"ad7114c0",9088:"1217cc9a",9106:"48b11c83",9118:"e9fb9b7c",9169:"51e4ac6f",9209:"a8657b80",9230:"ab2ce8cc",9274:"ce974d64",9287:"6d453d64",9313:"4e20cbbc",9344:"2f43b7b8",9361:"a3f8542c",9409:"b86fb017",9484:"4b95aa7a",9514:"1be78505",9535:"28d37a26",9556:"7332ec3f",9571:"d530b40c",9650:"55207995",9686:"bb19e508",9707:"018d5104",9724:"8aa54cac",9817:"14eb3368",9846:"0525c05b",9851:"093d5119",9906:"918c5d55",9962:"0abe3c97"}[e]||e)+"."+{1:"6ca59b1e",40:"0b781a5f",53:"1eb2a7bd",64:"0d4493a1",129:"86ff094d",147:"19a558e4",175:"fe9d14bb",178:"e4d71197",259:"3c053e09",342:"54c46cdf",357:"58cd9f9a",378:"2c5519aa",383:"24c30a70",476:"5c791021",498:"bc99ff3f",533:"b1665fba",580:"d9c515fe",607:"642ae801",645:"af2f5be1",703:"934b70e9",788:"9a0908bb",817:"e1eee4e6",849:"904234db",850:"bf7c7b67",899:"3a294058",930:"792e4e3b",952:"c40aafad",957:"3f7309c5",992:"42018919",997:"e86686aa",1149:"40ed93c0",1151:"f66983fc",1180:"a215d250",1183:"1c6b2ad9",1235:"a45efd38",1258:"1ad7bc75",1316:"19639936",1347:"8329f177",1353:"cf16e752",1399:"05395596",1422:"875022d7",1426:"65b44d87",1477:"04d3c94c",1515:"75fcbb24",1531:"58ed6537",1602:"15a15913",1713:"bd02da5b",1733:"f5f0541a",1737:"d328e73d",1820:"0da50e88",1829:"e4a96be2",1835:"bfb406b0",1859:"332f871e",1861:"a49cfb05",1914:"f8cf349f",2008:"0f8125ce",2049:"e8f6aabc",2072:"8d403ed4",2114:"5f09e51e",2184:"3f0b7050",2197:"e14f377a",2284:"537f9cf0",2300:"9d672fbe",2307:"fcdc98ef",2332:"47950f33",2357:"123766a2",2369:"775e9e57",2406:"da9d320a",2444:"8bdba185",2497:"ef7cccc9",2499:"bc5a6b2b",2535:"7e123b8c",2618:"eb74b478",2682:"9ead633a",2735:"0f784c9a",2798:"372c8c64",2877:"6905c00b",2878:"391139c2",2892:"71629e73",2894:"a24b9916",2943:"5b11d65a",3004:"3554bfa6",3058:"4de65c44",3074:"20e0bd5b",3075:"7e29146b",3089:"16299750",3334:"3194f785",3374:"be55f11a",3376:"a40bcf8d",3477:"c192d05c",3536:"81e0e751",3554:"68ef69ef",3608:"40d278ca",3682:"05911b9c",3690:"beae809b",3711:"49095a8c",3832:"0b8c5efb",3854:"58028148",3887:"1fb71411",3920:"8ca67b1e",3937:"3876d94b",3976:"daa65eeb",4013:"613a5df8",4022:"19ab9203",4039:"d19c4a89",4090:"bdb712b9",4110:"684b3a4a",4194:"9275950b",4195:"01368ec1",4199:"74bec0fe",4270:"c898a871",4361:"49e5d403",4406:"cbcc8fd3",4414:"3880be44",4420:"84c66633",4491:"71300840",4586:"3e73de12",4639:"54a96499",4640:"9d751612",4736:"4d070035",4759:"0edd90c7",4803:"b2245753",4813:"24d00d25",4843:"c50daaee",4852:"f1fa2661",4898:"2e3e4d1d",4951:"b03ac2ad",4959:"2edec3b4",4972:"16297f58",4974:"0aae9887",5029:"b6a2594e",5105:"360650e2",5145:"cca70971",5158:"2a2d9c98",5160:"609c2f69",5205:"ab83b7cf",5300:"fefbceb7",5456:"45116753",5614:"785c325e",5683:"3af28566",5704:"3f7830c0",5742:"4e7f1111",5794:"aa66806f",5810:"c81e80ca",5850:"d73246d9",5854:"326b1deb",5932:"122c7f11",5987:"4946f3f8",6048:"41ffe614",6085:"4cf569ef",6103:"2cbbba2e",6144:"aa4cee4e",6149:"e442b678",6189:"8a72641c",6233:"546debc5",6274:"6cfbfb58",6336:"bdcb9f2a",6345:"7dc7971e",6476:"f2834912",6483:"ebdac506",6488:"b5bfea06",6560:"ff647ca8",6626:"3a971f65",6650:"3e1979db",6731:"4945ebd8",6740:"cf73591d",6759:"5b76083d",6945:"e6ca558a",7013:"e7b748a0",7060:"7e81525a",7072:"eb8e7638",7142:"aa477f41",7207:"ff6540f6",7222:"68418712",7228:"c465013e",7229:"ec4f56a5",7352:"9478e3fb",7404:"3919b211",7429:"88d09716",7456:"c80eb9fa",7466:"5ae7a0ff",7491:"a66e1340",7661:"244cf144",7682:"772d0ed2",7708:"d53c6664",7820:"7606300a",7834:"fd22b730",7890:"e2c1eaa2",7892:"325ade5a",7918:"dc7d052d",7920:"355db28c",7922:"8584ed26",8030:"2ac76c4f",8050:"0178d403",8063:"19772444",8104:"feb8f642",8267:"9f827f85",8404:"5957671e",8414:"9d96a67d",8426:"c3164733",8442:"33f9bcb8",8485:"0dc78ad8",8492:"19ba11e1",8523:"2c6a3194",8566:"d4dd5e8b",8610:"5a990d13",8624:"2b198523",8635:"42075f56",8650:"99910d93",8717:"7a85f80e",8843:"97637734",8894:"547a1c8d",9044:"0d4a7f0e",9054:"53ed8059",9088:"7ec6218d",9106:"6d1f105c",9118:"2a173d42",9169:"db05078f",9209:"d4219591",9230:"90db32fd",9274:"bea7fa44",9287:"aed254f4",9313:"5ff853f9",9344:"5e65fe82",9361:"f506691d",9409:"5159930a",9484:"dffe6210",9514:"d5eb3d83",9535:"15bfba1c",9556:"7d054518",9571:"61424502",9650:"334f05d1",9686:"c1b7136b",9707:"420cfd4e",9724:"e24ece05",9817:"657acd54",9846:"25f6a0e4",9851:"1c3ff9bd",9906:"f8135784",9962:"5561ca28"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),d={},f="docs:",r.l=(e,c,a,b)=>{if(d[e])d[e].push(c);else{var t,o;if(void 0!==a)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var u=n[i];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==f+a){t=u;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",f+a),t.src=e),d[e]=[c];var l=(c,a)=>{t.onerror=t.onload=null,clearTimeout(s);var f=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),f&&f.forEach((e=>e(a))),c)return c(a)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/",r.gca=function(e){return e={10221538:"817",17896441:"7918",19077414:"8030",23449821:"1859",52961045:"6189",55207995:"9650",96504147:"7661","8eb4e46b":"1","15c9b4fc":"40","935f2afb":"53","56ec2d2a":"64","2b5f54f2":"129","70ad3ff0":"147",b915f261:"175","06d3e07c":"178","99a66f7b":"259",f7646656:"342","01bf591d":"357",dccfcda8:"378","4e7cf029":"383",c29df475:"476","69b09ea9":"498",b2b675dd:"533",bc23c598:"580",ecb97aab:"607","6b040dea":"645","79b40c34":"703",d7f54ba9:"788","92fd5fda":"849","7797872e":"850",e8564438:"899","5fcc37c8":"930","14ab2c58":"952",cda22062:"957",e943ec5e:"992","145b2738":"997",f3acecd9:"1149","9475880e":"1151","9c364e92":"1180","5a05c4ed":"1183","203e7aa1":"1235","08c356fe":"1258","1132ad1b":"1316",f2544e3f:"1347","5e729dc7":"1353","41a57e93":"1399","0f9e71a3":"1422",b2f554cd:"1477","19b37017":"1515","11ce4159":"1531","249c34a0":"1602",a7023ddc:"1713",ef5c2ce9:"1733","9d67aca7":"1737",c689f34a:"1820",d1c21ad3:"1829","4e5f1ca0":"1835","65e2adb6":"1861","0678a95e":"1914",d2402109:"2008",c44c3bbb:"2049","174af344":"2072","0b770e5c":"2114","0ca0adb8":"2184","970d58c3":"2197",e5ed126e:"2284","4bc386a3":"2300",bdff1965:"2307",ab4c6d72:"2332","336d5e53":"2357","4b2d8469":"2369",ad8a4f52:"2406",e1b5da7f:"2444",cf5983a7:"2499","814f3328":"2535","180aea8b":"2618","2e79d8a7":"2682",a977d5d4:"2735","2ca153c8":"2798","52cd39ac":"2877",afaff11a:"2878",c3596f7d:"2892","2d2f753f":"2894","07d439e2":"2943","6de70aac":"3004","5b4d43ff":"3058",cbafb38b:"3074","5892662e":"3075",a6aa9e1f:"3089","07e2df72":"3334","6c601b0f":"3374",f3543915:"3376","68d4a8ee":"3477","277a8968":"3536",b2709843:"3554","9e4087bc":"3608","545cb3af":"3682","6724b65c":"3690","56e32e60":"3711",c17206ae:"3832",a36811df:"3854",c578a3f6:"3887","940d989c":"3920",b1513dc1:"3937","011e0067":"3976","01a85c17":"4013","720401d8":"4022",b90f67ab:"4039",ad24ee66:"4090","6d025361":"4110","829f3b94":"4194",c4f5d8e4:"4195","42a79876":"4199",ca576004:"4270",fa3e5dd5:"4361","181379b6":"4406","16ea2389":"4414","3bcb60ef":"4420",c6f71f2b:"4491",ad4ba58a:"4586",f21b70b1:"4639",dd5bc5cd:"4640","5e3d8917":"4736","9a413aa3":"4759",f74d269b:"4803",e40d9651:"4813","7425c87d":"4843",a9abc03d:"4852","77b704ef":"4898",dff928e6:"4951","6ee5f2ba":"4959","332c576c":"4974",bece1fcc:"5029",c750b51b:"5105","1f1a9191":"5145",b6213d43:"5158","6c7ec1b6":"5160",e8674cfb:"5205","73006ab0":"5300","3efe186d":"5456","468416a0":"5614","5d67ed81":"5683","2243869d":"5704","9d13a154":"5742","07d4f3c3":"5794","25db3e58":"5810","6068a052":"5850",f7c79d71:"5854","70c84758":"5932","89d2fbd1":"5987","805a8850":"6085",ccc49370:"6103","69c643c0":"6144",e6c44b2b:"6149",e0eb994a:"6274","0bb967d4":"6336",d74a0d55:"6345","015b1d9e":"6476","195928cd":"6483","4303eacb":"6488","4bd5fd33":"6560","183d06d0":"6626",cb2f910a:"6650","361aeaff":"6731","42cfb5d4":"6740","0dbc6863":"6759","064ccdc3":"7013","126747ee":"7060","4732c43b":"7072","44ac4dbb":"7142",feea2548:"7207","0be9de06":"7222","2455eea8":"7228",c7135589:"7229",e6bee1e8:"7352",ba8f817c:"7404","7d9726a8":"7429","7f7940a1":"7456","67fc793f":"7466",f9492474:"7491",ee5821a3:"7682","2e20eea4":"7708",cb345c93:"7820","7d0539b1":"7834","8b916fa8":"7890","481fd4dd":"7892","1a4e3797":"7920","8f081614":"7922","13c191f5":"8050",f1fda3c7:"8063",f4acf23e:"8104",ed67adc0:"8267","8128ed27":"8404",b3738e59:"8414","4cbce6ab":"8426","92999a1c":"8442","0e701e42":"8485","3b584882":"8492","5f8fc89b":"8523","829ce8eb":"8566","6875c492":"8610","148b302f":"8624",f09c742d:"8635","5bf92320":"8650",c5e81cca:"8717",f32fe326:"8843",a6be9a06:"9044",ad7114c0:"9054","1217cc9a":"9088","48b11c83":"9106",e9fb9b7c:"9118","51e4ac6f":"9169",a8657b80:"9209",ab2ce8cc:"9230",ce974d64:"9274","6d453d64":"9287","4e20cbbc":"9313","2f43b7b8":"9344",a3f8542c:"9361",b86fb017:"9409","4b95aa7a":"9484","1be78505":"9514","28d37a26":"9535","7332ec3f":"9556",d530b40c:"9571",bb19e508:"9686","018d5104":"9707","8aa54cac":"9724","14eb3368":"9817","0525c05b":"9846","093d5119":"9851","918c5d55":"9906","0abe3c97":"9962"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(c,a)=>{var d=r.o(e,c)?e[c]:void 0;if(0!==d)if(d)a.push(d[2]);else if(/^(1303|532)$/.test(c))e[c]=0;else{var f=new Promise(((a,f)=>d=e[c]=[a,f]));a.push(d[2]=f);var b=r.p+r.u(c),t=new Error;r.l(b,(a=>{if(r.o(e,c)&&(0!==(d=e[c])&&(e[c]=void 0),d)){var f=a&&("load"===a.type?"missing":a.type),b=a&&a.target&&a.target.src;t.message="Loading chunk "+c+" failed.\n("+f+": "+b+")",t.name="ChunkLoadError",t.type=f,t.request=b,d[1](t)}}),"chunk-"+c,c)}},r.O.j=c=>0===e[c];var c=(c,a)=>{var d,f,b=a[0],t=a[1],o=a[2],n=0;if(b.some((c=>0!==e[c]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(c&&c(a);n<b.length;n++)f=b[n],r.o(e,f)&&e[f]&&e[f][0](),e[f]=0;return r.O(i)},a=self.webpackChunkdocs=self.webpackChunkdocs||[];a.forEach(c.bind(null,0)),a.push=c.bind(null,a.push.bind(a))})()})(); \ No newline at end of file diff --git a/blog/CNCF-Zero-to-Merge/index.html b/blog/CNCF-Zero-to-Merge/index.html index b22d60c4..b49ebded 100644 --- a/blog/CNCF-Zero-to-Merge/index.html +++ b/blog/CNCF-Zero-to-Merge/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h1 class="title_f1Hy" itemprop="headline">CNCF Zero to Merge - Your first step towards Open-Source</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction">Introduction<a href="#introduction" class="hash-link" aria-label="Direct link to Introduction" title="Direct link to Introduction">​</a></h2><p>This blog summarizes my experience with the Cloud Native Computing Foundation&#x27;s first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by <a href="https://github.com/rohitg00" target="_blank" rel="noopener noreferrer">Rohit Ghumare</a>. If you are willing to register for the program, you can check out the link <a href="https://project.linuxfoundation.org/cncf-zero-to-merge-application" target="_blank" rel="noopener noreferrer">here</a>. CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals.</p><p>The CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="during-the-program">During the program<a href="#during-the-program" class="hash-link" aria-label="Direct link to During the program" title="Direct link to During the program">​</a></h2><p><strong>Week 1 Session 1</strong>: The initial session of the program&#x27;s first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community.</p><p><strong>Week 1 Session 2:</strong> During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation.</p><p><strong>Week 2 Session 1:</strong> In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR).</p><p><strong>Week 2 Session 2:</strong> The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter.</p><p><strong>Week 3 Session 1:</strong> In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers.</p><p><strong>Week 3 Session 2</strong>: This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had.</p><p><strong>Week 4 Session 1:</strong> The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials.</p><p><strong>Week 4 Session 2:</strong> The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="key-takeaways-from-the-program">Key Takeaways from the Program<a href="#key-takeaways-from-the-program" class="hash-link" aria-label="Direct link to Key Takeaways from the Program" title="Direct link to Key Takeaways from the Program">​</a></h2><p><img loading="lazy" alt="CNCF" src="/assets/images/cncf2-a16b7cf0d5b87711fcc6b75ff00b8ebe.png" width="1178" height="443" class="img_ev3q"></p><p>CNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time.</p><p>Here&#x27;s a summary of the process:</p><p><strong>1. Find a Project:</strong> Choose a CNCF incubating project that interests you and has welcoming maintainers.</p><p><strong>2. Understand the Issue:</strong> Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers.</p><p><strong>3. Fork the Repository:</strong> Create a fork of the project&#x27;s repository on your GitHub account to work on your changes separately.</p><p><strong>4. Make a Branch:</strong> Create a new branch in your fork to isolate your work and make it easier to create a pull request later.</p><p><strong>5. Make the Changes:</strong> Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository.</p><p><strong>6. Test Your Changes:</strong> Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests.</p><p><strong>7. Create a Pull Request:</strong> Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback.</p><p><strong>8. Iterate Based on Feedback:</strong> Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically.</p><p><strong>9. Merge:</strong> Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project.</p><p><strong>10. Celebrate:</strong> Congratulations, you&#x27;ve successfully made your first open-source contribution! You are now an official contributor to the project.</p><p>This program is a great way to get started with open source and can be very rewarding. It&#x27;s important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>This is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It&#x27;s important to follow these steps carefully to ensure a smooth and successful contribution experience.</p><p>The CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/web-crawling"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Web Crawling, A Beginner’s Perspective on Data Extraction</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#introduction" class="table-of-contents__link toc-highlight">Introduction</a></li><li><a href="#during-the-program" class="table-of-contents__link toc-highlight">During the program</a></li><li><a href="#key-takeaways-from-the-program" class="table-of-contents__link toc-highlight">Key Takeaways from the Program</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h1 class="title_f1Hy" itemprop="headline">CNCF Zero to Merge - Your first step towards Open-Source</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction">Introduction<a href="#introduction" class="hash-link" aria-label="Direct link to Introduction" title="Direct link to Introduction">​</a></h2><p>This blog summarizes my experience with the Cloud Native Computing Foundation&#x27;s first edition of the newly launched Zero to Merge Incubator Program. This program was launched with the primary aim of getting new folks involved in Open-Source. I learned about this program from one of the LinkedIn posts by <a href="https://github.com/rohitg00" target="_blank" rel="noopener noreferrer">Rohit Ghumare</a>. If you are willing to register for the program, you can check out the link <a href="https://project.linuxfoundation.org/cncf-zero-to-merge-application" target="_blank" rel="noopener noreferrer">here</a>. CNCF will not conduct any such programs as of this year, but you should keep an eye on the page for future proposals.</p><p>The CNCF Zero to Merge Program is a 4-week long program with 2 sessions per week. According to the Indian Standard Time, the sessions were held on Monday and Thursday from 9:30 p.m. to 10:30 p.m. each week.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="during-the-program">During the program<a href="#during-the-program" class="hash-link" aria-label="Direct link to During the program" title="Direct link to During the program">​</a></h2><p><strong>Week 1 Session 1</strong>: The initial session of the program&#x27;s first week served as an orientation, acquainting participants with the program itself, its instructor, and the schedule. This session predominantly centered on key topics, including an introduction to open-source principles and the CNCF (Cloud Native Computing Foundation). It also covered the art of selecting suitable open-source projects for contribution and the necessary prerequisites for effective participation in the open-source community.</p><p><strong>Week 1 Session 2:</strong> During the second session of the first week, participants focused on acquiring knowledge about essential tools like CLOTributor for narrowing down project options that align with individual preferences. The session also delved into important concepts such as GitHub and Git basics, GitHub Actions, and expanded insights into The Linux Foundation.</p><p><strong>Week 2 Session 1:</strong> In the second week of our CNCF program, we delved into the history and progress of CNCF projects, exploring what motivates individuals to contribute to open-source initiatives. Our instructor, Taylor Dolezal, left a lasting impression with his fantastic and approachable teaching style. In addition to valuable insights, he provided a practical demonstration of the entire process, from forking a repository to creating a pull request (PR).</p><p><strong>Week 2 Session 2:</strong> The session was centered around exploring the topics of Cloud Native Evolution and Cloud Native Trends, featuring active engagement through a question-and-answer format where the instructor either provided answers or directed participants to relevant articles and white papers. Towards the end, attendees were tasked with homework, which involved finding a project that aligned with their interests in the subject matter.</p><p><strong>Week 3 Session 1:</strong> In the third week, participants were allowed to take the spotlight by presenting their screens. They were encouraged to share their involvement in various projects, showcasing their approach to addressing the issues at hand and detailing their interactions with project maintainers.</p><p><strong>Week 3 Session 2</strong>: This session was primarily intended for clearing doubts and addressing any questions or uncertainties participants may have had.</p><p><strong>Week 4 Session 1:</strong> The first session of the last week had the following agenda: Hot seat opportunity: During this segment, participants had the chance to share information about their projects, issues, or the specific focus of their pull requests, offering an opportunity for discussion and feedback. Live lesson: The session included a live lesson where the participants reviewed the CNCF (Cloud Native Computing Foundation) website and learned how to navigate through its resources and additional learning materials.</p><p><strong>Week 4 Session 2:</strong> The program has concluded, marking a moment of celebration, friendly conversations, and discussions about the future steps for all the attendees.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="key-takeaways-from-the-program">Key Takeaways from the Program<a href="#key-takeaways-from-the-program" class="hash-link" aria-label="Direct link to Key Takeaways from the Program" title="Direct link to Key Takeaways from the Program">​</a></h2><p><img loading="lazy" alt="CNCF" src="/assets/images/cncf2-a16b7cf0d5b87711fcc6b75ff00b8ebe.png" width="1178" height="443" class="img_ev3q"></p><p>CNCF Zero to Merge is a great program for beginners to open source. It provides guidance and mentorship to help you contribute to open source for the first time.</p><p>Here&#x27;s a summary of the process:</p><p><strong>1. Find a Project:</strong> Choose a CNCF incubating project that interests you and has welcoming maintainers.</p><p><strong>2. Understand the Issue:</strong> Read the issue or bug report you want to work on thoroughly and clarify any doubts with the maintainers.</p><p><strong>3. Fork the Repository:</strong> Create a fork of the project&#x27;s repository on your GitHub account to work on your changes separately.</p><p><strong>4. Make a Branch:</strong> Create a new branch in your fork to isolate your work and make it easier to create a pull request later.</p><p><strong>5. Make the Changes:</strong> Code the fix or feature as described in the issue. You can do this locally and then push the changes to your forked repository.</p><p><strong>6. Test Your Changes:</strong> Run any tests and commands mentioned in the project to ensure your changes work as intended. You may need to write new tests.</p><p><strong>7. Create a Pull Request:</strong> Using GitHub, create a pull request from your branch to the upstream repository. The maintainers will review your code and provide feedback.</p><p><strong>8. Iterate Based on Feedback:</strong> Make any requested changes based on the review and commit these changes to your branch so that the pull request updates automatically.</p><p><strong>9. Merge:</strong> Once the maintainers approve your changes, they will merge your pull request, and your contribution becomes part of the project.</p><p><strong>10. Celebrate:</strong> Congratulations, you&#x27;ve successfully made your first open-source contribution! You are now an official contributor to the project.</p><p>This program is a great way to get started with open source and can be very rewarding. It&#x27;s important to be patient and open to feedback from maintainers, as it helps improve your skills and contribute positively to the project.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>This is a great step-by-step guide for making your first open-source contribution to a CNCF incubating project. It&#x27;s important to follow these steps carefully to ensure a smooth and successful contribution experience.</p><p>The CNCF Zero to Merge initiative is a great way for newcomers to open source to get involved and make meaningful contributions. By focusing on small, self-contained issues that need fixing, new contributors can learn about the process of contributing to open-source projects and gain confidence. With proper mentorship and guidance, new contributors can progress from fixing typos to making more substantial code contributions that improve the project.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-ai-automation"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">AI Automation Odyssey: Navigating the Future of Work and Innovation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/web-crawling"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Web Crawling, A Beginner’s Perspective on Data Extraction</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#introduction" class="table-of-contents__link toc-highlight">Introduction</a></li><li><a href="#during-the-program" class="table-of-contents__link toc-highlight">During the program</a></li><li><a href="#key-takeaways-from-the-program" class="table-of-contents__link toc-highlight">Key Takeaways from the Program</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/Cloud-gaming/index.html b/blog/Cloud-gaming/index.html index 2476faa2..021d833f 100644 --- a/blog/Cloud-gaming/index.html +++ b/blog/Cloud-gaming/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h1 class="title_f1Hy" itemprop="headline">Exploring the Future of Gaming- Cloud Gaming Unveiled</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h1 class="title_f1Hy" itemprop="headline">Exploring the Future of Gaming- Cloud Gaming Unveiled</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/blog-posting-guidelines"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">General Posting Guidelines</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tmai-june-2023"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">This Month in AI - June 2023</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#introduction-to-cloud-gaming" class="table-of-contents__link toc-highlight">Introduction to Cloud Gaming</a></li><li><a href="#how-cloud-gaming-works" class="table-of-contents__link toc-highlight">How Cloud Gaming Works</a></li><li><a href="#the-history-and-future-of-cloud-gaming" class="table-of-contents__link toc-highlight">The History and Future of Cloud Gaming</a></li><li><a href="#advantages-and-drawbacks-of-cloud-gaming" class="table-of-contents__link toc-highlight">Advantages and Drawbacks of Cloud Gaming</a></li><li><a href="#current-status-of-cloud-gaming" class="table-of-contents__link toc-highlight">Current Status of Cloud Gaming</a></li><li><a href="#is-cloud-gaming-worth-it" class="table-of-contents__link toc-highlight">Is Cloud Gaming Worth It?</a></li><li><a href="#references" class="table-of-contents__link toc-highlight">References:</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/archive/index.html b/blog/archive/index.html index 7b6ce13c..6c06a63e 100644 --- a/blog/archive/index.html +++ b/blog/archive/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3>2023</h3><ul><li><a href="/blog/CNCF-Zero-to-Merge">October 10, 2023<!-- --> - <!-- -->CNCF Zero to Merge - Your first step towards Open-Source</a></li><li><a href="/blog/web-crawling">October 8, 2023<!-- --> - <!-- -->Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li><a href="/blog/intro-to-blockchain">October 7, 2023<!-- --> - <!-- -->Blockchain - Future of Tommorow</a></li><li><a href="/blog/linux-basics">October 6, 2023<!-- --> - <!-- -->Basics of GNU/Linux</a></li><li><a href="/blog/blog-posting-guidelines">October 1, 2023<!-- --> - <!-- -->General Posting Guidelines</a></li><li><a href="/blog/Cloud-gaming">October 1, 2023<!-- --> - <!-- -->Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li><a href="/blog/tmai-june-2023">June 30, 2023<!-- --> - <!-- -->This Month in AI - June 2023</a></li><li><a href="/blog/introduction-to-api">June 10, 2023<!-- --> - <!-- -->Introduction to APIs: Unlocking the Power of Integration</a></li><li><a href="/blog/tmai-may-2023">June 6, 2023<!-- --> - <!-- -->This Month in AI - May 2023</a></li><li><a href="/blog/intro-to-artificial-intelligence">May 13, 2023<!-- --> - <!-- -->Introduction to Artificial Intelligence (Part - 1)</a></li><li><a href="/blog/tmai-april-2023">May 7, 2023<!-- --> - <!-- -->This Month in AI - April 2023</a></li><li><a href="/blog/rotaract-club-of-tcet">April 15, 2023<!-- --> - <!-- -->Rotaract Club of TCET</a></li><li><a href="/blog/dive-into-web-design">April 12, 2023<!-- --> - <!-- -->Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li><a href="/blog/intro-to-react-js">April 10, 2023<!-- --> - <!-- -->6 Reasons Why React JS is the Future of Web Development!!</a></li><li><a href="/blog/intro-to-cloud-computing">April 9, 2023<!-- --> - <!-- -->Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li><a href="/blog/breaking-the-ice-open-source">April 7, 2023<!-- --> - <!-- -->Breaking The Ice - Open Source</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main><section class="margin-vert--lg"><div class="container"><div class="row"><div class="col col--4 margin-vert--lg"><h3>2023</h3><ul><li><a href="/blog/intro-to-ai-automation">October 13, 2023<!-- --> - <!-- -->AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li><a href="/blog/CNCF-Zero-to-Merge">October 10, 2023<!-- --> - <!-- -->CNCF Zero to Merge - Your first step towards Open-Source</a></li><li><a href="/blog/web-crawling">October 8, 2023<!-- --> - <!-- -->Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li><a href="/blog/intro-to-blockchain">October 7, 2023<!-- --> - <!-- -->Blockchain - Future of Tommorow</a></li><li><a href="/blog/linux-basics">October 6, 2023<!-- --> - <!-- -->Basics of GNU/Linux</a></li><li><a href="/blog/blog-posting-guidelines">October 1, 2023<!-- --> - <!-- -->General Posting Guidelines</a></li><li><a href="/blog/Cloud-gaming">October 1, 2023<!-- --> - <!-- -->Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li><a href="/blog/tmai-june-2023">June 30, 2023<!-- --> - <!-- -->This Month in AI - June 2023</a></li><li><a href="/blog/introduction-to-api">June 10, 2023<!-- --> - <!-- -->Introduction to APIs: Unlocking the Power of Integration</a></li><li><a href="/blog/tmai-may-2023">June 6, 2023<!-- --> - <!-- -->This Month in AI - May 2023</a></li><li><a href="/blog/intro-to-artificial-intelligence">May 13, 2023<!-- --> - <!-- -->Introduction to Artificial Intelligence (Part - 1)</a></li><li><a href="/blog/tmai-april-2023">May 7, 2023<!-- --> - <!-- -->This Month in AI - April 2023</a></li><li><a href="/blog/rotaract-club-of-tcet">April 15, 2023<!-- --> - <!-- -->Rotaract Club of TCET</a></li><li><a href="/blog/dive-into-web-design">April 12, 2023<!-- --> - <!-- -->Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li><a href="/blog/intro-to-react-js">April 10, 2023<!-- --> - <!-- -->6 Reasons Why React JS is the Future of Web Development!!</a></li><li><a href="/blog/intro-to-cloud-computing">April 9, 2023<!-- --> - <!-- -->Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li><a href="/blog/breaking-the-ice-open-source">April 7, 2023<!-- --> - <!-- -->Breaking The Ice - Open Source</a></li></ul></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/atom.xml b/blog/atom.xml index 30d1f9b5..fadb158d 100644 --- a/blog/atom.xml +++ b/blog/atom.xml @@ -2,11 +2,31 @@ <feed xmlns="http://www.w3.org/2005/Atom"> <id>https://opensource.tcetmumbai.in/blog</id> <title>TCET Open Source Blog</title> - <updated>2023-10-10T00:00:00.000Z</updated> + <updated>2023-10-13T00:00:00.000Z</updated> <generator>https://github.com/jpmonette/feed</generator> <link rel="alternate" href="https://opensource.tcetmumbai.in/blog"/> <subtitle>TCET Open Source Blog</subtitle> <icon>https://opensource.tcetmumbai.in/img/favicon.ico?v=3</icon> + <entry> + <title type="html"><![CDATA[AI Automation Odyssey: Navigating the Future of Work and Innovation]]></title> + <id>https://opensource.tcetmumbai.in/blog/intro-to-ai-automation</id> + <link href="https://opensource.tcetmumbai.in/blog/intro-to-ai-automation"/> + <updated>2023-10-13T00:00:00.000Z</updated> + <summary type="html"><![CDATA[AI Automation Odyssey: Navigating the Future of Work and Innovation]]></summary> + <content type="html"><![CDATA[<blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today's quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We'll look at the main aspects of AI automation in this post.</p></blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="AI Automation" src="/assets/images/intro-7f73c6930cecb4810126341cd83ea924.png" width="1400" height="700" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Automation</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-ai-automation-">What is AI Automation ?<a href="#what-is-ai-automation-" class="hash-link" aria-label="Direct link to What is AI Automation ?" title="Direct link to What is AI Automation ?">​</a></h2><ul><li>Artificial Intelligence (AI) automation is the use of machine learning and artificial intelligence to carry out activities automatically. </li><li>By minimizing human mistake and working nonstop, it achieves tremendous efficiency gains that lower costs and increase profitability. </li><li>Simple rule-based processes to more complicated, adaptive, and intelligent behaviors can all be automated.</li><li>Basic purpose of AI automation is to use AI capabilities to make tasks more efficient, accurate, and cost-effective. </li><li>This technology can process enormous amounts of data, make predictions about the future, and customize user experiences. </li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="power-of-ai-automation">Power of AI Automation<a href="#power-of-ai-automation" class="hash-link" aria-label="Direct link to Power of AI Automation" title="Direct link to Power of AI Automation">​</a></h2><p>AI automation has the capacity to completely alter industries and redefine how we live and work. It improves customer service, supports decision-making, and encourages innovation while being accessible 24/7. AI automation is a versatile force with broad ramifications across industries as it improves resource allocation, simplifies operations, and reduces risks. Its capacity to boost human potential and promote ongoing improvement highlights its crucial role in determining the course of the future. The nexus of Automation and Artificial Intelligence (AI) has expanded quickly, spawning cutting-edge tactics that promise to fundamentally transform industries and expedite procedures. This technology is a game-changer in many industries because it can undertake repetitive, time-consuming jobs with higher accuracy, consistency, and speed than people. </p><figure><center><img loading="lazy" src="/assets/images/jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><figcaption>Affect of AI Automation on Jobs</figcaption></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="evolution-of-ai-automation">Evolution of AI Automation<a href="#evolution-of-ai-automation" class="hash-link" aria-label="Direct link to Evolution of AI Automation" title="Direct link to Evolution of AI Automation">​</a></h2><p>AI automation has come a long way from basic rule-based processes. Today, it combines machine learning, natural language processing, and other AI techniques to deliver more sophisticated and adaptive solutions. +Here are some advanced AI automation strategies:</p><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Cognitive Automation</b></summary><div><div class="collapsibleContent_i85q"><div>AI and human intelligence are used in cognitive automation to simulate human thought processes. It can make judgments, comprehend unstructured data, and even pick up new information as it is input. In industries like healthcare, where it may help with diagnosis and treatment suggestions, this technology is extremely beneficial.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Predictive Maintenance</b></summary><div><div class="collapsibleContent_i85q"><div>Machine learning algorithms are used in AI-powered predictive maintenance to predict when equipment will break down. By just maintaining machines as needed, this aids businesses in avoiding unanticipated downtime and lowering maintenance expenses.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Conversational AI</b></summary><div><div class="collapsibleContent_i85q"><div>Natural language processing is used by conversational AI, which is frequently found in chatbots and virtual assistants, to engage in discussions that are human-like. This is extremely helpful for increasing user experiences, automating regular enquiries, and improving customer support.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Robotic Process Automation (RPA)</b></summary><div><div class="collapsibleContent_i85q"><div>Routine, rule-based processes across numerous applications are automated by RPA. In order to eliminate human data entry and boost efficiency, it is commonly utilized in finance, HR, and logistics.</div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="benefits">Benefits<a href="#benefits" class="hash-link" aria-label="Direct link to Benefits" title="Direct link to Benefits">​</a></h2><p>Here are some of the ways AI automation can benefit your organization :</p><figure><center><img loading="lazy" src="/assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navigating-the-future-of-work">Navigating the Future of Work<a href="#navigating-the-future-of-work" class="hash-link" aria-label="Direct link to Navigating the Future of Work" title="Direct link to Navigating the Future of Work">​</a></h2><p>AI automation is not just about cost savings and efficiency; it's about reshaping the very nature of work. +The future of work, characterized by automation, presents several key facets:</p><ul><li><p>Innovation: As AI automation handles routine tasks, human workers can focus on more creative, strategic, and innovative endeavors, driving progress and innovation.</p></li><li><p>Job Evolution: The workforce will see a shift in the nature of jobs. While some tasks become automated, new roles related to AI and automation will emerge.</p></li><li><p>Continuous Learning: The future workforce will need to embrace lifelong learning and adaptability to remain relevant in an ever-changing job market.</p></li><li><p>Ethical Considerations: As AI automation continues to expand, ethical considerations related to bias, transparency, and accountability become paramount.</p></li></ul><figure><center><img loading="lazy" src="/assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>To summarize, the AI Automation Odyssey is a thrilling and revolutionary adventure with enormous potential to shape the future of work and creativity. The value of AI automation rests in its capacity to improve productivity, decrease errors, save money, and promote innovation across multiple industries. As its influence grows, the workforce must adapt to changing responsibilities and the continual requirement for lifelong learning. Ethical considerations are vital, and ethical AI automation deployment is required to ensure that it benefits society as a whole. The future of work is changing, and the opportunity for creativity is limitless. </p><center><b>Our adventure has only just begun and the future holds exciting discoveries, </b></center><center><b>Stay tuned for more insights and developments on this remarkable odyssey !!!!</b></center>]]></content> + <author> + <name>Aadil Rayeen</name> + <uri>https://github.com/AadilRayeen</uri> + </author> + <category label="AI" term="AI"/> + <category label="Automation" term="Automation"/> + <category label="Work" term="Work"/> + <category label="Innovation" term="Innovation"/> + <category label="Data" term="Data"/> + <category label="Technology" term="Technology"/> + </entry> <entry> <title type="html"><![CDATA[CNCF Zero to Merge - Your first step towards Open-Source]]></title> <id>https://opensource.tcetmumbai.in/blog/CNCF-Zero-to-Merge</id> diff --git a/blog/blog-posting-guidelines/index.html b/blog/blog-posting-guidelines/index.html index 771447da..d783be78 100644 --- a/blog/blog-posting-guidelines/index.html +++ b/blog/blog-posting-guidelines/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h1 class="title_f1Hy" itemprop="headline">General Posting Guidelines</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="general-blog-guidlines">General Blog Guidlines<a href="#general-blog-guidlines" class="hash-link" aria-label="Direct link to General Blog Guidlines" title="Direct link to General Blog Guidlines">​</a></h2><p>Here we define all the basic guidlines a blog should follow in TCET Open Source Blogs.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-project">Clone the project<a href="#clone-the-project" class="hash-link" aria-label="Direct link to Clone the project" title="Direct link to Clone the project">​</a></h3><p>For being able to contribute anywhere, one must be able to clone and run projects. You can visit this <a href="https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started" target="_blank" rel="noopener noreferrer">tutorial</a> to learn how to work on this project.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="basic-github-commands">Basic GitHub commands<a href="#basic-github-commands" class="hash-link" aria-label="Direct link to Basic GitHub commands" title="Direct link to Basic GitHub commands">​</a></h3><p>For any contributor it is very necessary to understand basic GitHub commands to begin with. There is a <em>resources forum</em> on <strong>TCET - Open Source Discord server</strong> where you can find relevant references for the same. There can also be a blog post regarding these commands in the future!</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="understand-file-structure">Understand file structure<a href="#understand-file-structure" class="hash-link" aria-label="Direct link to Understand file structure" title="Direct link to Understand file structure">​</a></h3><p>Once you have cloned the project in your local storage, you will need to perform the following:</p><ol><li>Open the project directory and navigate to <code>blog/</code>.</li><li>Create a folder for your blog post.</li></ol><ul><li>The folder should have the following name format:</li></ul><div class="language-sh codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-sh codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">yyyy-mm-dd-blog-title</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>Here, the date stands for the date when the post is supposed to be released. The blog title should be relevant to the content within the post.</li></ul><ol start="3"><li>Within the folder, create <code>index.mdx</code>. This file will serve as a text document where you can format your content which will reflect in the final post.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="understand-markdown-files-and-syntax">Understand markdown files and syntax<a href="#understand-markdown-files-and-syntax" class="hash-link" aria-label="Direct link to Understand markdown files and syntax" title="Direct link to Understand markdown files and syntax">​</a></h3><p>Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. The <code>index.mdx</code> file created in your blog folder is a markdown file, similar to how <em>index.html</em> can be an HTML file. It is very essential for a blog contributor to understand the basic syntax of markdown. <em>Resource forum</em> in our <strong><a href="https://discord.com/invite/r7ZhAREg2M" target="_blank" rel="noopener noreferrer">Discord server</a></strong> covers basic syntax of these files.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="first-steps">First steps<a href="#first-steps" class="hash-link" aria-label="Direct link to First steps" title="Direct link to First steps">​</a></h3><p>Before moving any further, a blogger must know the following:</p><blockquote><ul><li><code>slug</code> - It is the last part of the URL address that serves as a unique identifier of the blog post.</li><li><code>title</code> - The main title of the blog post. Note that the blog title should be relevant to the content within the post.</li><li><code>authors</code> - The list of authors who have worked on the blog post. Look below to understand how to add authors.</li><li><code>tags</code> - It highlights the key words of the post to boost it&#x27;s visibility on the internet and improve the SEO.</li></ul></blockquote><p>These four information are necessary to be present in every post. Without these, no posts will be approved and merged within the blog.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Mention Authors</div><div class="admonitionContent_S0QG"><p>Authors can be added in two ways.</p><ul><li>Internally in <code>index.mdx</code> (recommended, for outside organization contributors)</li><li>In the <code>authors.yml</code> file. (<strong>TCET Open Source Members only</strong>)</li></ul><p>If you are not a member of the organization, you can simply append your author(s) in the following way:</p><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">authors:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - name: Name of Author 1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> title: Designation, Post or About</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> url: https://github.com/author1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> image_url: https://github.com/author1.png</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - name: Name of Author 2</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> title: Designation, Post or About</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> url: https://github.com/author1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> image_url: https://github.com/author2.png</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="important-things-to-take-note-of">Important things to take note of:<a href="#important-things-to-take-note-of" class="hash-link" aria-label="Direct link to Important things to take note of:" title="Direct link to Important things to take note of:">​</a></h4><ul><li><code>url:</code> can also be an authors&#x27; personal website or portfolio.</li><li><code>image_url:</code> requires a user to have a profile pic on their Github Account. We recommend to append a Github Profile Icon.</li></ul></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-images">Adding images<a href="#adding-images" class="hash-link" aria-label="Direct link to Adding images" title="Direct link to Adding images">​</a></h3><p>Tired of good ol&#x27; <em>textbook nerdy</em> look on your post? Introducing: <strong>images</strong>. Images are a great way to keep the reader&#x27;s attention to your posts, and now you can do that very easily:</p><ol><li>The image must be present within your blog folder. If it isn&#x27;t, save the image in your blog folder.</li><li>To add the image within your post, use the following syntax:</li></ol><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">![Alt text](image.png)</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>Here, <code>image.png</code> stands for the name of the image you have in the blog directory. Markdown supports a great amount of image formats, ranging from png, jpg, svg, and even gifs.</li></ul><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>WONDERING</div><div class="admonitionContent_S0QG"><p>Is gif pronounced <em>gif</em> or <em>jif</em>? Something to ponder upon.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="utilizing-truncate">Utilizing truncate<a href="#utilizing-truncate" class="hash-link" aria-label="Direct link to Utilizing truncate" title="Direct link to Utilizing truncate">​</a></h3><p>Many bloggers have many different ways to write their blogs. Many start off with a nice paragraph, some start off with images, and some do both! All blogging practices are welcome in the Organization. However it is important to <strong>truncate</strong>.</p><p>Truncate is a custom breakpoint introduced in the blog to identify how much part of the blog should be visible in the feed. It cuts off the rest of the blog which can be read further by opening the blog itself. Here&#x27;s a good example of how to use it:</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>This is a blogpost</div><div class="admonitionContent_S0QG"><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">Hello and welcome to my blogpost.</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Today we will be covering everything you can imagine! </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">JAM Stack, Web3, ML, Data Science, my favourite food, Cybersecurity, and much more. </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Sounds like a hefty lot, and it would be embarassing to flood out the entire blogs feed. </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">This might be a decent place to cut the rest of the blog out!</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">&lt;!--truncate--&gt;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Here&#x27;s where the rest of the blog content goes</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><p>Hence in the output, only the above paragraph is visible on the feed. The rest of the blog would be visible once the viewer opens your blog.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="congratulations">Congratulations<a href="#congratulations" class="hash-link" aria-label="Direct link to Congratulations" title="Direct link to Congratulations">​</a></h3><p>Following these steps and points, you will be able to create a beautiful blog post. It&#x27;s final structure would look something like this:</p><p><img loading="lazy" alt="Alt text" src="/assets/images/structure-8689f7412f51f4deda8726b490473caa.png" width="873" height="210" class="img_ev3q"></p><p><em>With a fresh blog post ready, you can now finally create a pull request to reflect your post on our blog here!</em></p><p>Looking forward to new content from you all. Have fun and go contribute something great!</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/linux-basics"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Basics of GNU/Linux</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/Cloud-gaming"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Exploring the Future of Gaming- Cloud Gaming Unveiled</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#welcome-to-our-first-blog" class="table-of-contents__link toc-highlight">Welcome to our first blog</a></li><li><a href="#general-blog-guidlines" class="table-of-contents__link toc-highlight">General Blog Guidlines</a><ul><li><a href="#clone-the-project" class="table-of-contents__link toc-highlight">Clone the project</a></li><li><a href="#basic-github-commands" class="table-of-contents__link toc-highlight">Basic GitHub commands</a></li><li><a href="#understand-file-structure" class="table-of-contents__link toc-highlight">Understand file structure</a></li><li><a href="#understand-markdown-files-and-syntax" class="table-of-contents__link toc-highlight">Understand markdown files and syntax</a></li><li><a href="#first-steps" class="table-of-contents__link toc-highlight">First steps</a></li><li><a href="#adding-images" class="table-of-contents__link toc-highlight">Adding images</a></li><li><a href="#utilizing-truncate" class="table-of-contents__link toc-highlight">Utilizing truncate</a></li><li><a href="#congratulations" class="table-of-contents__link toc-highlight">Congratulations</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h1 class="title_f1Hy" itemprop="headline">General Posting Guidelines</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="general-blog-guidlines">General Blog Guidlines<a href="#general-blog-guidlines" class="hash-link" aria-label="Direct link to General Blog Guidlines" title="Direct link to General Blog Guidlines">​</a></h2><p>Here we define all the basic guidlines a blog should follow in TCET Open Source Blogs.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-project">Clone the project<a href="#clone-the-project" class="hash-link" aria-label="Direct link to Clone the project" title="Direct link to Clone the project">​</a></h3><p>For being able to contribute anywhere, one must be able to clone and run projects. You can visit this <a href="https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started" target="_blank" rel="noopener noreferrer">tutorial</a> to learn how to work on this project.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="basic-github-commands">Basic GitHub commands<a href="#basic-github-commands" class="hash-link" aria-label="Direct link to Basic GitHub commands" title="Direct link to Basic GitHub commands">​</a></h3><p>For any contributor it is very necessary to understand basic GitHub commands to begin with. There is a <em>resources forum</em> on <strong>TCET - Open Source Discord server</strong> where you can find relevant references for the same. There can also be a blog post regarding these commands in the future!</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="understand-file-structure">Understand file structure<a href="#understand-file-structure" class="hash-link" aria-label="Direct link to Understand file structure" title="Direct link to Understand file structure">​</a></h3><p>Once you have cloned the project in your local storage, you will need to perform the following:</p><ol><li>Open the project directory and navigate to <code>blog/</code>.</li><li>Create a folder for your blog post.</li></ol><ul><li>The folder should have the following name format:</li></ul><div class="language-sh codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-sh codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">yyyy-mm-dd-blog-title</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>Here, the date stands for the date when the post is supposed to be released. The blog title should be relevant to the content within the post.</li></ul><ol start="3"><li>Within the folder, create <code>index.mdx</code>. This file will serve as a text document where you can format your content which will reflect in the final post.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="understand-markdown-files-and-syntax">Understand markdown files and syntax<a href="#understand-markdown-files-and-syntax" class="hash-link" aria-label="Direct link to Understand markdown files and syntax" title="Direct link to Understand markdown files and syntax">​</a></h3><p>Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. The <code>index.mdx</code> file created in your blog folder is a markdown file, similar to how <em>index.html</em> can be an HTML file. It is very essential for a blog contributor to understand the basic syntax of markdown. <em>Resource forum</em> in our <strong><a href="https://discord.com/invite/r7ZhAREg2M" target="_blank" rel="noopener noreferrer">Discord server</a></strong> covers basic syntax of these files.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="first-steps">First steps<a href="#first-steps" class="hash-link" aria-label="Direct link to First steps" title="Direct link to First steps">​</a></h3><p>Before moving any further, a blogger must know the following:</p><blockquote><ul><li><code>slug</code> - It is the last part of the URL address that serves as a unique identifier of the blog post.</li><li><code>title</code> - The main title of the blog post. Note that the blog title should be relevant to the content within the post.</li><li><code>authors</code> - The list of authors who have worked on the blog post. Look below to understand how to add authors.</li><li><code>tags</code> - It highlights the key words of the post to boost it&#x27;s visibility on the internet and improve the SEO.</li></ul></blockquote><p>These four information are necessary to be present in every post. Without these, no posts will be approved and merged within the blog.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Mention Authors</div><div class="admonitionContent_S0QG"><p>Authors can be added in two ways.</p><ul><li>Internally in <code>index.mdx</code> (recommended, for outside organization contributors)</li><li>In the <code>authors.yml</code> file. (<strong>TCET Open Source Members only</strong>)</li></ul><p>If you are not a member of the organization, you can simply append your author(s) in the following way:</p><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">authors:</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - name: Name of Author 1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> title: Designation, Post or About</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> url: https://github.com/author1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> image_url: https://github.com/author1.png</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - name: Name of Author 2</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> title: Designation, Post or About</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> url: https://github.com/author1</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> image_url: https://github.com/author2.png</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="important-things-to-take-note-of">Important things to take note of:<a href="#important-things-to-take-note-of" class="hash-link" aria-label="Direct link to Important things to take note of:" title="Direct link to Important things to take note of:">​</a></h4><ul><li><code>url:</code> can also be an authors&#x27; personal website or portfolio.</li><li><code>image_url:</code> requires a user to have a profile pic on their Github Account. We recommend to append a Github Profile Icon.</li></ul></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-images">Adding images<a href="#adding-images" class="hash-link" aria-label="Direct link to Adding images" title="Direct link to Adding images">​</a></h3><p>Tired of good ol&#x27; <em>textbook nerdy</em> look on your post? Introducing: <strong>images</strong>. Images are a great way to keep the reader&#x27;s attention to your posts, and now you can do that very easily:</p><ol><li>The image must be present within your blog folder. If it isn&#x27;t, save the image in your blog folder.</li><li>To add the image within your post, use the following syntax:</li></ol><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">![Alt text](image.png)</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>Here, <code>image.png</code> stands for the name of the image you have in the blog directory. Markdown supports a great amount of image formats, ranging from png, jpg, svg, and even gifs.</li></ul><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>WONDERING</div><div class="admonitionContent_S0QG"><p>Is gif pronounced <em>gif</em> or <em>jif</em>? Something to ponder upon.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="utilizing-truncate">Utilizing truncate<a href="#utilizing-truncate" class="hash-link" aria-label="Direct link to Utilizing truncate" title="Direct link to Utilizing truncate">​</a></h3><p>Many bloggers have many different ways to write their blogs. Many start off with a nice paragraph, some start off with images, and some do both! All blogging practices are welcome in the Organization. However it is important to <strong>truncate</strong>.</p><p>Truncate is a custom breakpoint introduced in the blog to identify how much part of the blog should be visible in the feed. It cuts off the rest of the blog which can be read further by opening the blog itself. Here&#x27;s a good example of how to use it:</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>This is a blogpost</div><div class="admonitionContent_S0QG"><div class="language-mdx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-mdx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">Hello and welcome to my blogpost.</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Today we will be covering everything you can imagine! </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">JAM Stack, Web3, ML, Data Science, my favourite food, Cybersecurity, and much more. </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Sounds like a hefty lot, and it would be embarassing to flood out the entire blogs feed. </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">This might be a decent place to cut the rest of the blog out!</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">&lt;!--truncate--&gt;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">Here&#x27;s where the rest of the blog content goes</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><p>Hence in the output, only the above paragraph is visible on the feed. The rest of the blog would be visible once the viewer opens your blog.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="congratulations">Congratulations<a href="#congratulations" class="hash-link" aria-label="Direct link to Congratulations" title="Direct link to Congratulations">​</a></h3><p>Following these steps and points, you will be able to create a beautiful blog post. It&#x27;s final structure would look something like this:</p><p><img loading="lazy" alt="Alt text" src="/assets/images/structure-8689f7412f51f4deda8726b490473caa.png" width="873" height="210" class="img_ev3q"></p><p><em>With a fresh blog post ready, you can now finally create a pull request to reflect your post on our blog here!</em></p><p>Looking forward to new content from you all. Have fun and go contribute something great!</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/linux-basics"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Basics of GNU/Linux</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/Cloud-gaming"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Exploring the Future of Gaming- Cloud Gaming Unveiled</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#welcome-to-our-first-blog" class="table-of-contents__link toc-highlight">Welcome to our first blog</a></li><li><a href="#general-blog-guidlines" class="table-of-contents__link toc-highlight">General Blog Guidlines</a><ul><li><a href="#clone-the-project" class="table-of-contents__link toc-highlight">Clone the project</a></li><li><a href="#basic-github-commands" class="table-of-contents__link toc-highlight">Basic GitHub commands</a></li><li><a href="#understand-file-structure" class="table-of-contents__link toc-highlight">Understand file structure</a></li><li><a href="#understand-markdown-files-and-syntax" class="table-of-contents__link toc-highlight">Understand markdown files and syntax</a></li><li><a href="#first-steps" class="table-of-contents__link toc-highlight">First steps</a></li><li><a href="#adding-images" class="table-of-contents__link toc-highlight">Adding images</a></li><li><a href="#utilizing-truncate" class="table-of-contents__link toc-highlight">Utilizing truncate</a></li><li><a href="#congratulations" class="table-of-contents__link toc-highlight">Congratulations</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/breaking-the-ice-open-source/index.html b/blog/breaking-the-ice-open-source/index.html index 64da0953..8540bda2 100644 --- a/blog/breaking-the-ice-open-source/index.html +++ b/blog/breaking-the-ice-open-source/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h1 class="title_f1Hy" itemprop="headline">Breaking The Ice - Open Source</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-cloud-computing"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Cloud Computing: Revolutionizing the Way We Store and Access Data</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#what-really-is-open-source" class="table-of-contents__link toc-highlight">What really <em>is</em> Open Source?</a><ul><li><a href="#beyond-the-marketing-standpoint" class="table-of-contents__link toc-highlight">Beyond the marketing standpoint</a></li><li><a href="#but-open-source-doesnt-stop-there" class="table-of-contents__link toc-highlight">But open source doesn&#39;t stop there</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h1 class="title_f1Hy" itemprop="headline">Breaking The Ice - Open Source</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-cloud-computing"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Cloud Computing: Revolutionizing the Way We Store and Access Data</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#what-really-is-open-source" class="table-of-contents__link toc-highlight">What really <em>is</em> Open Source?</a><ul><li><a href="#beyond-the-marketing-standpoint" class="table-of-contents__link toc-highlight">Beyond the marketing standpoint</a></li><li><a href="#but-open-source-doesnt-stop-there" class="table-of-contents__link toc-highlight">But open source doesn&#39;t stop there</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/dive-into-web-design/index.html b/blog/dive-into-web-design/index.html index 18e04380..3628341d 100644 --- a/blog/dive-into-web-design/index.html +++ b/blog/dive-into-web-design/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h1 class="title_f1Hy" itemprop="headline">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h1 class="title_f1Hy" itemprop="headline">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/rotaract-club-of-tcet"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Rotaract Club of TCET</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-react-js"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">6 Reasons Why React JS is the Future of Web Development!!</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#prerequisite" class="table-of-contents__link toc-highlight">Prerequisite</a></li><li><a href="#visualize-design" class="table-of-contents__link toc-highlight">Visualize Design</a><ul><li><a href="#lets-dig-deep" class="table-of-contents__link toc-highlight">Lets dig deep</a></li></ul></li><li><a href="#step-by-step-linear-process-to-design-anything" class="table-of-contents__link toc-highlight">Step-by-Step Linear Process to Design Anything!</a></li><li><a href="#here-comes-the-css" class="table-of-contents__link toc-highlight">Here comes the CSS</a><ul><li><a href="#body---main-page" class="table-of-contents__link toc-highlight">Body - main page</a></li><li><a href="#header" class="table-of-contents__link toc-highlight">Header</a></li></ul></li><li><a href="#responsiveness-how-easy-is-it" class="table-of-contents__link toc-highlight">Responsiveness, how easy is it?</a><ul><li><a href="#desktop-first-design-approach" class="table-of-contents__link toc-highlight">Desktop First Design Approach</a></li><li><a href="#mobile-first-design-approach" class="table-of-contents__link toc-highlight">Mobile First Design Approach</a></li><li><a href="#no-media-query-methods" class="table-of-contents__link toc-highlight">No media query methods</a></li><li><a href="#a-good-example-of-minimum-media-queries" class="table-of-contents__link toc-highlight">A good example of minimum media queries</a></li></ul></li><li><a href="#get-creative-with-positioning" class="table-of-contents__link toc-highlight">Get Creative with Positioning</a><ul><li><a href="#css-positions" class="table-of-contents__link toc-highlight">CSS Positions</a></li><li><a href="#an-example-of-positioning" class="table-of-contents__link toc-highlight">An example of positioning</a></li></ul></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index 90c76a1f..4d493715 100644 --- a/blog/index.html +++ b/blog/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. It allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. -In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Web Crawling, A Beginner’s Perspective on Data Extraction" href="/blog/web-crawling"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Web Crawling, A Beginner’s Perspective on Data Extraction" href="/blog/web-crawling"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/intro-to-ai-automation/index.html b/blog/intro-to-ai-automation/index.html new file mode 100644 index 00000000..808edff6 --- /dev/null +++ b/blog/intro-to-ai-automation/index.html @@ -0,0 +1,29 @@ +<!doctype html> +<html lang="en" dir="ltr" class="blog-wrapper blog-post-page plugin-blog plugin-id-default" data-has-hydrated="false"> +<head> +<meta charset="UTF-8"> +<meta name="generator" content="Docusaurus v2.4.3"> +<title data-rh="true">AI Automation Odyssey: Navigating the Future of Work and Innovation | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/intro-to-ai-automation"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="AI Automation Odyssey: Navigating the Future of Work and Innovation | TCET Open Source"><meta data-rh="true" name="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta data-rh="true" property="og:description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta data-rh="true" name="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2023-10-13T00:00:00.000Z"><meta data-rh="true" property="article:author" content="https://github.com/AadilRayeen"><meta data-rh="true" property="article:tag" content="AI,Automation,Work,Innovation,Data,Technology"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/intro-to-ai-automation"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/intro-to-ai-automation" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/intro-to-ai-automation" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> + + + +<link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> +</head> +<body class="navigation-with-keyboard"> +<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> +<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" style="background-color:#451d84;color:#ffffff" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a></div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">TCET Open Source</b></a><a class="navbar__item navbar__link" sidebarid="docs" href="/docs/about-tcetopensource">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> + </svg></a><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Twitter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> + </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> + <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h1 class="title_f1Hy" itemprop="headline">AI Automation Odyssey: Navigating the Future of Work and Innovation</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="AI Automation" src="/assets/images/intro-7f73c6930cecb4810126341cd83ea924.png" width="1400" height="700" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Automation</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-ai-automation-">What is AI Automation ?<a href="#what-is-ai-automation-" class="hash-link" aria-label="Direct link to What is AI Automation ?" title="Direct link to What is AI Automation ?">​</a></h2><ul><li>Artificial Intelligence (AI) automation is the use of machine learning and artificial intelligence to carry out activities automatically. </li><li>By minimizing human mistake and working nonstop, it achieves tremendous efficiency gains that lower costs and increase profitability. </li><li>Simple rule-based processes to more complicated, adaptive, and intelligent behaviors can all be automated.</li><li>Basic purpose of AI automation is to use AI capabilities to make tasks more efficient, accurate, and cost-effective. </li><li>This technology can process enormous amounts of data, make predictions about the future, and customize user experiences. </li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="power-of-ai-automation">Power of AI Automation<a href="#power-of-ai-automation" class="hash-link" aria-label="Direct link to Power of AI Automation" title="Direct link to Power of AI Automation">​</a></h2><p>AI automation has the capacity to completely alter industries and redefine how we live and work. It improves customer service, supports decision-making, and encourages innovation while being accessible 24/7. AI automation is a versatile force with broad ramifications across industries as it improves resource allocation, simplifies operations, and reduces risks. Its capacity to boost human potential and promote ongoing improvement highlights its crucial role in determining the course of the future. The nexus of Automation and Artificial Intelligence (AI) has expanded quickly, spawning cutting-edge tactics that promise to fundamentally transform industries and expedite procedures. This technology is a game-changer in many industries because it can undertake repetitive, time-consuming jobs with higher accuracy, consistency, and speed than people. </p><figure><center><img loading="lazy" src="/assets/images/jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><figcaption>Affect of AI Automation on Jobs</figcaption></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="evolution-of-ai-automation">Evolution of AI Automation<a href="#evolution-of-ai-automation" class="hash-link" aria-label="Direct link to Evolution of AI Automation" title="Direct link to Evolution of AI Automation">​</a></h2><p>AI automation has come a long way from basic rule-based processes. Today, it combines machine learning, natural language processing, and other AI techniques to deliver more sophisticated and adaptive solutions. +Here are some advanced AI automation strategies:</p><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Cognitive Automation</b></summary><div><div class="collapsibleContent_i85q"><div>AI and human intelligence are used in cognitive automation to simulate human thought processes. It can make judgments, comprehend unstructured data, and even pick up new information as it is input. In industries like healthcare, where it may help with diagnosis and treatment suggestions, this technology is extremely beneficial.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Predictive Maintenance</b></summary><div><div class="collapsibleContent_i85q"><div>Machine learning algorithms are used in AI-powered predictive maintenance to predict when equipment will break down. By just maintaining machines as needed, this aids businesses in avoiding unanticipated downtime and lowering maintenance expenses.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Conversational AI</b></summary><div><div class="collapsibleContent_i85q"><div>Natural language processing is used by conversational AI, which is frequently found in chatbots and virtual assistants, to engage in discussions that are human-like. This is extremely helpful for increasing user experiences, automating regular enquiries, and improving customer support.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Robotic Process Automation (RPA)</b></summary><div><div class="collapsibleContent_i85q"><div>Routine, rule-based processes across numerous applications are automated by RPA. In order to eliminate human data entry and boost efficiency, it is commonly utilized in finance, HR, and logistics.</div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="benefits">Benefits<a href="#benefits" class="hash-link" aria-label="Direct link to Benefits" title="Direct link to Benefits">​</a></h2><p>Here are some of the ways AI automation can benefit your organization :</p><figure><center><img loading="lazy" src="/assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navigating-the-future-of-work">Navigating the Future of Work<a href="#navigating-the-future-of-work" class="hash-link" aria-label="Direct link to Navigating the Future of Work" title="Direct link to Navigating the Future of Work">​</a></h2><p>AI automation is not just about cost savings and efficiency; it&#x27;s about reshaping the very nature of work. +The future of work, characterized by automation, presents several key facets:</p><ul><li><p>Innovation: As AI automation handles routine tasks, human workers can focus on more creative, strategic, and innovative endeavors, driving progress and innovation.</p></li><li><p>Job Evolution: The workforce will see a shift in the nature of jobs. While some tasks become automated, new roles related to AI and automation will emerge.</p></li><li><p>Continuous Learning: The future workforce will need to embrace lifelong learning and adaptability to remain relevant in an ever-changing job market.</p></li><li><p>Ethical Considerations: As AI automation continues to expand, ethical considerations related to bias, transparency, and accountability become paramount.</p></li></ul><figure><center><img loading="lazy" src="/assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>To summarize, the AI Automation Odyssey is a thrilling and revolutionary adventure with enormous potential to shape the future of work and creativity. The value of AI automation rests in its capacity to improve productivity, decrease errors, save money, and promote innovation across multiple industries. As its influence grows, the workforce must adapt to changing responsibilities and the continual requirement for lifelong learning. Ethical considerations are vital, and ethical AI automation deployment is required to ensure that it benefits society as a whole. The future of work is changing, and the opportunity for creativity is limitless. </p><center><b>Our adventure has only just begun and the future holds exciting discoveries, </b></center><center><b>Stay tuned for more insights and developments on this remarkable odyssey !!!!</b></center></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/CNCF-Zero-to-Merge"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">CNCF Zero to Merge - Your first step towards Open-Source</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#what-is-ai-automation-" class="table-of-contents__link toc-highlight">What is AI Automation ?</a></li><li><a href="#power-of-ai-automation" class="table-of-contents__link toc-highlight">Power of AI Automation</a></li><li><a href="#evolution-of-ai-automation" class="table-of-contents__link toc-highlight">Evolution of AI Automation</a></li><li><a href="#benefits" class="table-of-contents__link toc-highlight">Benefits</a></li><li><a href="#navigating-the-future-of-work" class="table-of-contents__link toc-highlight">Navigating the Future of Work</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> +</body> +</html> \ No newline at end of file diff --git a/blog/intro-to-artificial-intelligence/index.html b/blog/intro-to-artificial-intelligence/index.html index c421ab08..0bd51966 100644 --- a/blog/intro-to-artificial-intelligence/index.html +++ b/blog/intro-to-artificial-intelligence/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,11 +20,11 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h1 class="title_f1Hy" itemprop="headline">Introduction to Artificial Intelligence (Part - 1)</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h1 class="title_f1Hy" itemprop="headline">Introduction to Artificial Intelligence (Part - 1)</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tmai-may-2023"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">This Month in AI - May 2023</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tmai-april-2023"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">This Month in AI - April 2023</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#early-concepts-of-ai" class="table-of-contents__link toc-highlight">Early Concepts of AI</a></li><li><a href="#the-rise-of-machine-learning" class="table-of-contents__link toc-highlight">The Rise of Machine Learning</a></li><li><a href="#deep-learning-and-neural-networks" class="table-of-contents__link toc-highlight">Deep Learning and Neural Networks</a></li><li><a href="#the-future-of-ai" class="table-of-contents__link toc-highlight">The Future of AI</a></li><li><a href="#types-of-artificial-intelligence" class="table-of-contents__link toc-highlight">Types of Artificial Intelligence</a><ul><li><a href="#artificial-intelligence--type-1-based-on-capabilities" class="table-of-contents__link toc-highlight">Artificial Intelligence — Type 1: Based on Capabilities</a></li><li><a href="#artificial-intelligence--type-2-based-on-functionality" class="table-of-contents__link toc-highlight">Artificial Intelligence — Type 2: Based on Functionality</a></li></ul></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/intro-to-blockchain/index.html b/blog/intro-to-blockchain/index.html index 261cb725..58ed931a 100644 --- a/blog/intro-to-blockchain/index.html +++ b/blog/intro-to-blockchain/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,7 +20,7 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h1 class="title_f1Hy" itemprop="headline">Blockchain - Future of Tommorow</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="Blockchain" src="/assets/images/BlockChain-70c48f97585422cd78e1dc331866cab3.jpg" width="964" height="723" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Blockchain technology</em></td></tr></tbody></table><br><h1><em>What is Blockchain</em> ?</h1><br><p>Distributed database and immutable ledger used for recording transactions, tracking assets and building trust is termed as blockchain.<br> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h1 class="title_f1Hy" itemprop="headline">Blockchain - Future of Tommorow</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="Blockchain" src="/assets/images/BlockChain-70c48f97585422cd78e1dc331866cab3.jpg" width="964" height="723" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Blockchain technology</em></td></tr></tbody></table><br><h1><em>What is Blockchain</em> ?</h1><br><p>Distributed database and immutable ledger used for recording transactions, tracking assets and building trust is termed as blockchain.<br> Let’s take an example:<br> Imagine a blockchain as a super secure digital notebook for businesses. This notebook stores information in a special way. Instead of writing everything in one long list, it divides the information into blocks and connects them like a chain. What&#x27;s cool about this digital notebook is that once something is written in it, you can&#x27;t erase it or change it without everyone in the network agreeing. It&#x27;s like having a magical pen that only writes the truth. @@ -30,7 +30,7 @@ Blockchain technology provides a transparent system where all activities are visible to the public. Since blockchain is a decentralized and distributed ledger, all transactions on the internet are accessible to all network participants. Blockchain achieves transparency through the use of encryption methods for secure and unchangeable record-keeping. Blockchain security results from a combination of distributed consensus and cryptographic techniques.</p><p>4) <b>Intellectual Property (IP)</b><br> Intellectual property (IP) in blockchain involves ownership of digital assets, patents for blockchain innovations, smart contracts for IP agreements, and open-source licensing. Few methods with which blockchain technology make use of IP is: Patent, Copyrights,Trademarks and Trade secrets.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="applications-of-blockchain"><em>Applications of Blockchain</em><a href="#applications-of-blockchain" class="hash-link" aria-label="Direct link to applications-of-blockchain" title="Direct link to applications-of-blockchain">​</a></h2><br><p>Today, we cannot imagine our lives without the internet. It has become an integral part of our daily routines. Almost everything we do happens through the internet, and in some ways, we are highly dependent on it. Due to the sudden rise in the popularity of blockchain in the previous decade, it is estimated that, like the internet, blockchain will also become an integral part of our lives. It&#x27;s applicatiion ranges from transaction, healthcare, cryptocurrency, <a href="https://www.geeksforgeeks.org/what-is-bitcoin/" target="_blank" rel="noopener noreferrer"><strong>bitcoin</strong></a>, IoT and what not. The part of the tech industry that deals with online data and services is about to go through a big and important change because of blockchain technology.</p><br><br><table><thead><tr><th align="center"><img loading="lazy" alt="Applications of Blockchain" src="/assets/images/Blockchain-Applications-6cd85bace6e8b17301af3c908a95a546.webp" width="600" height="548" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Applications of Blockchain</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="let-us-have-a-look-at-some-drawbacks-of-blockchain-technology"><em>Let us have a look at some drawbacks of Blockchain technology</em><a href="#let-us-have-a-look-at-some-drawbacks-of-blockchain-technology" class="hash-link" aria-label="Direct link to let-us-have-a-look-at-some-drawbacks-of-blockchain-technology" title="Direct link to let-us-have-a-look-at-some-drawbacks-of-blockchain-technology">​</a></h2><br><ul><li>The implementation cost of blockchain is very high. For a small company, it becomes difficult to shift to blockchain technology because they need to hire a skilled blockchain developer, and in addition to this, infrastructure costs will also be incurred, which require a significant amount of funding.</li><li>The continuous operation of mining, minting, and transaction validation demands powerful systems that run non-stop. Beyond substantial investments, these activities consume significant amounts of energy, resulting in potentially severe environmental repercussions. To address the negative environmental impact, China has taken the step of banning blockchain mining in the Inner Mongolia region.</li><li>In the context of blockchain networks like Bitcoin, a 51% attack occurs when a single entity or group of entities controls more than 50% of the network&#x27;s mining or computational power. This level of control can potentially allow them to manipulate transactions and disrupt the normal functioning of the network.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion"><em>Conclusion</em><a href="#conclusion" class="hash-link" aria-label="Direct link to conclusion" title="Direct link to conclusion">​</a></h2><br><p>In conclusion, blockchain&#x27;s decentralization, smart contracts, and transparency offer transformative solutions across industries. Despite high implementation costs and environmental concerns, its impact is undeniable. Just as the internet integrated into daily life, blockchain is poised to shape the future of transactions and data management, promising an exciting path in technology and business.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/web-crawling"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Web Crawling, A Beginner’s Perspective on Data Extraction</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/linux-basics"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Basics of GNU/Linux</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#what-does-blocks-of-blockchain-consist-of-" class="table-of-contents__link toc-highlight"><em>What does blocks of Blockchain consist of</em> ?</a></li><li><a href="#different-types-of-blockchain-technology" class="table-of-contents__link toc-highlight"><em>Different types of Blockchain Technology</em></a></li><li><a href="#why-blockchain-is-becoming-integral-part-of-our-life-" class="table-of-contents__link toc-highlight"><em>Why Blockchain is becoming integral part of our life</em> ?</a></li><li><a href="#applications-of-blockchain" class="table-of-contents__link toc-highlight"><em>Applications of Blockchain</em></a></li><li><a href="#let-us-have-a-look-at-some-drawbacks-of-blockchain-technology" class="table-of-contents__link toc-highlight"><em>Let us have a look at some drawbacks of Blockchain technology</em></a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight"><em>Conclusion</em></a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/intro-to-cloud-computing/index.html b/blog/intro-to-cloud-computing/index.html index 99f7cb04..5ce7d13b 100644 --- a/blog/intro-to-cloud-computing/index.html +++ b/blog/intro-to-cloud-computing/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h1 class="title_f1Hy" itemprop="headline">Cloud Computing: Revolutionizing the Way We Store and Access Data</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-react-js"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">6 Reasons Why React JS is the Future of Web Development!!</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/breaking-the-ice-open-source"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Breaking The Ice - Open Source</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="table-of-contents__link toc-highlight">Let&#39;s take a look at some intriguing features of Cloud Computing!!</a></li><li><a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="table-of-contents__link toc-highlight">Lets have a look at some of the most used Cloud Storage Services</a></li><li><a href="#statistics-on-cloud-service-providers" class="table-of-contents__link toc-highlight">Statistics on Cloud Service Providers</a></li><li><a href="#some-drawbacks-to-have-a-look-upon" class="table-of-contents__link toc-highlight">Some drawbacks to have a look upon</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h1 class="title_f1Hy" itemprop="headline">Cloud Computing: Revolutionizing the Way We Store and Access Data</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-react-js"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">6 Reasons Why React JS is the Future of Web Development!!</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/breaking-the-ice-open-source"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Breaking The Ice - Open Source</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="table-of-contents__link toc-highlight">Let&#39;s take a look at some intriguing features of Cloud Computing!!</a></li><li><a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="table-of-contents__link toc-highlight">Lets have a look at some of the most used Cloud Storage Services</a></li><li><a href="#statistics-on-cloud-service-providers" class="table-of-contents__link toc-highlight">Statistics on Cloud Service Providers</a></li><li><a href="#some-drawbacks-to-have-a-look-upon" class="table-of-contents__link toc-highlight">Some drawbacks to have a look upon</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/intro-to-react-js/index.html b/blog/intro-to-react-js/index.html index 70dfb6e8..0e126db4 100644 --- a/blog/intro-to-react-js/index.html +++ b/blog/intro-to-react-js/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h1 class="title_f1Hy" itemprop="headline">6 Reasons Why React JS is the Future of Web Development!!</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/dive-into-web-design"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-cloud-computing"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Cloud Computing: Revolutionizing the Way We Store and Access Data</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#1-virtual-dom" class="table-of-contents__link toc-highlight">1. Virtual DOM</a></li><li><a href="#2-reusable-components" class="table-of-contents__link toc-highlight">2. Reusable Components</a></li><li><a href="#3-community" class="table-of-contents__link toc-highlight">3. Community</a></li><li><a href="#4-jsx" class="table-of-contents__link toc-highlight">4. JSX</a></li><li><a href="#5-server-side-rendering" class="table-of-contents__link toc-highlight">5. Server-side Rendering</a></li><li><a href="#6-compatibility" class="table-of-contents__link toc-highlight">6. Compatibility</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h1 class="title_f1Hy" itemprop="headline">6 Reasons Why React JS is the Future of Web Development!!</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/dive-into-web-design"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-cloud-computing"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Cloud Computing: Revolutionizing the Way We Store and Access Data</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#1-virtual-dom" class="table-of-contents__link toc-highlight">1. Virtual DOM</a></li><li><a href="#2-reusable-components" class="table-of-contents__link toc-highlight">2. Reusable Components</a></li><li><a href="#3-community" class="table-of-contents__link toc-highlight">3. Community</a></li><li><a href="#4-jsx" class="table-of-contents__link toc-highlight">4. JSX</a></li><li><a href="#5-server-side-rendering" class="table-of-contents__link toc-highlight">5. Server-side Rendering</a></li><li><a href="#6-compatibility" class="table-of-contents__link toc-highlight">6. Compatibility</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/introduction-to-api/index.html b/blog/introduction-to-api/index.html index 18c13799..2ffbad6b 100644 --- a/blog/introduction-to-api/index.html +++ b/blog/introduction-to-api/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h1 class="title_f1Hy" itemprop="headline">Introduction to APIs: Unlocking the Power of Integration</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-api">Introduction to API<a href="#introduction-to-api" class="hash-link" aria-label="Direct link to Introduction to API" title="Direct link to Introduction to API">​</a></h2><p><strong>Application Programming Interface</strong> is referred to as API. It is a set of guidelines and protocols that specifies how various software components ought to communicate and share information. </p><ul><li><strong>APIs</strong> can be thought of as a contract that enables successful communication between two software entities. </li><li><strong>APIs</strong> give programmers a standardised method of using the features of other software platforms, libraries, or systems.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="why-are-apis-important">Why are APIs Important?<a href="#why-are-apis-important" class="hash-link" aria-label="Direct link to Why are APIs Important?" title="Direct link to Why are APIs Important?">​</a></h2><p>APIs have revolutionized the way software is developed and integrated. Here are some key reasons why APIs are important:</p><div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP unique_cziY tabs__item--active">Seamless Integration</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Extensibility and Scalability</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Collaboration and Innovation</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">User Experience</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><p>By allowing various software systems to interact and cooperate, APIs enable developers to take advantage of already-existing functions and resources without having to start from scratch.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>APIs give software developers a modular way to create new features, services, or data sources. As applications can be built upon existing APIs, promoting extensibility and scalability while saving time and effort.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>By offering a standardised method of sharing data and services, APIs promote collaboration between developers and organisations. As a result, innovation is accelerated since developers can use APIs to build new apps or incorporate current systems into creative solutions.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>APIs make it easier to incorporate services or data sources from outside sources into applications, which improves the overall user experience. For instance, incorporating a weather API into a travel app gives users access to real-time weather information, enhancing the utility and appeal of the service.</p></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-apis">Types of APIs<a href="#types-of-apis" class="hash-link" aria-label="Direct link to Types of APIs" title="Direct link to Types of APIs">​</a></h2><p>APIs come in different types and formats, depending on the purpose and underlying technology. Here are some common types of APIs:</p><ul><li><p><strong>Web APIs:</strong> These APIs allow web-based services and applications to communicate with one another. The majority of the time, they are built on widely used web protocols like <code>HTTP</code> and <code>REST</code> (Representational State Transfer).</p></li><li><p><strong>SOAP APIs:</strong> Based on XML (eXtensible Markup Language), SOAP (Simple Object Access Protocol) APIs offer a standardised method for applications to communicate structured information across a network.</p></li><li><p><strong>JSON-RPC and XML-RPC:</strong> JSON (JavaScript Object Notation) or XML can be used as the data format for remote procedure calls when using the <code>JSON-RPC</code> or <code>XML-RPC APIs</code>. They&#x27;re frequently employed for lightweight.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api-communication-styles">API Communication Styles:<a href="#api-communication-styles" class="hash-link" aria-label="Direct link to API Communication Styles:" title="Direct link to API Communication Styles:">​</a></h2><ul><li><p><strong>RESTful APIs:</strong> REST (Representational State Transfer) is a popular architectural style for designing web APIs. RESTful APIs use standard HTTP methods such as <code>GET</code>, <code>POST</code>, <code>PUT</code>, and <code>DELETE</code> to perform operations on resources. They often return data in formats like JSON or XML.</p></li><li><p><strong>GraphQL:</strong> GraphQL is an alternative to RESTful APIs that provides a more flexible and efficient approach to data retrieval. With GraphQL, clients can specify the exact data they need, reducing over-fetching and under-fetching of data.</p></li><li><p><strong>Real-Time APIs:</strong> Real-time APIs use technologies like WebSockets to enable bidirectional communication between the client and the server. They are ideal for applications that require instant updates, such as chat applications or real-time collaboration tools.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="common-apis">Common APIs<a href="#common-apis" class="hash-link" aria-label="Direct link to Common APIs" title="Direct link to Common APIs">​</a></h2><ul><li><p><strong>Social media APIs:</strong> Websites like <strong><a href="https://developers.facebook.com/docs/" target="_blank" rel="noopener noreferrer">Facebook</a></strong>, <strong><a href="https://developer.twitter.com/en/docs/twitter-api" target="_blank" rel="noopener noreferrer">Twitter</a></strong>, and <strong><a href="https://developers.facebook.com/docs/instagram-api/" target="_blank" rel="noopener noreferrer">Instagram</a></strong> offer APIs that let programmers incorporate social media features into their applications, such as updating statuses, retrieving user profiles, or engaging with social networks.</p></li><li><p><strong>Payment Gateway APIs:</strong> Companies such as <strong><a href="https://developer.paypal.com/api/rest/" target="_blank" rel="noopener noreferrer">PayPal</a></strong>, <strong><a href="https://stripe.com/docs/api" target="_blank" rel="noopener noreferrer">Stripe</a></strong>, and <strong><a href="https://developer.paypal.com/braintree/docs" target="_blank" rel="noopener noreferrer">Braintree</a></strong> provide APIs for handling online payments, allowing developers to include secure payment processing into their apps.</p></li><li><p><strong>Mapping and Geolocation APIs:</strong> Maps, geolocation data, routing, and other location-based services are all made available by mapping and geolocation APIs, which developers can use to build apps with mapping features. Examples of these APIs include <strong><a href="https://developers.google.com/maps/apis-by-platform" target="_blank" rel="noopener noreferrer">Google Maps</a></strong> and <strong><a href="https://docs.mapbox.com/api/overview/" target="_blank" rel="noopener noreferrer">Mapbox</a></strong>.</p></li></ul><img loading="lazy" src="/assets/images/apis-b58fc05e4054c5413c8f5ac058e3fc9a.png" class="img_ev3q"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>APIs enable seamless integration, teamwork, and creativity, serving as the foundation for contemporary software development. For developers and organisations wishing to take use of the power of APIs to build strong and interconnected applications, understanding APIs and their many types, communication styles, authentication methods, documentation practises, and management systems is essential. So go ahead and discover the immense possibilities that APIs contain for your software applications by exploring their enormous world!</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tmai-june-2023"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">This Month in AI - June 2023</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tmai-may-2023"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">This Month in AI - May 2023</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#introduction-to-api" class="table-of-contents__link toc-highlight">Introduction to API</a></li><li><a href="#why-are-apis-important" class="table-of-contents__link toc-highlight">Why are APIs Important?</a></li><li><a href="#types-of-apis" class="table-of-contents__link toc-highlight">Types of APIs</a></li><li><a href="#api-communication-styles" class="table-of-contents__link toc-highlight">API Communication Styles:</a></li><li><a href="#common-apis" class="table-of-contents__link toc-highlight">Common APIs</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h1 class="title_f1Hy" itemprop="headline">Introduction to APIs: Unlocking the Power of Integration</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-api">Introduction to API<a href="#introduction-to-api" class="hash-link" aria-label="Direct link to Introduction to API" title="Direct link to Introduction to API">​</a></h2><p><strong>Application Programming Interface</strong> is referred to as API. It is a set of guidelines and protocols that specifies how various software components ought to communicate and share information. </p><ul><li><strong>APIs</strong> can be thought of as a contract that enables successful communication between two software entities. </li><li><strong>APIs</strong> give programmers a standardised method of using the features of other software platforms, libraries, or systems.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="why-are-apis-important">Why are APIs Important?<a href="#why-are-apis-important" class="hash-link" aria-label="Direct link to Why are APIs Important?" title="Direct link to Why are APIs Important?">​</a></h2><p>APIs have revolutionized the way software is developed and integrated. Here are some key reasons why APIs are important:</p><div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP unique_cziY tabs__item--active">Seamless Integration</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Extensibility and Scalability</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Collaboration and Innovation</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">User Experience</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><p>By allowing various software systems to interact and cooperate, APIs enable developers to take advantage of already-existing functions and resources without having to start from scratch.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>APIs give software developers a modular way to create new features, services, or data sources. As applications can be built upon existing APIs, promoting extensibility and scalability while saving time and effort.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>By offering a standardised method of sharing data and services, APIs promote collaboration between developers and organisations. As a result, innovation is accelerated since developers can use APIs to build new apps or incorporate current systems into creative solutions.</p></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><p>APIs make it easier to incorporate services or data sources from outside sources into applications, which improves the overall user experience. For instance, incorporating a weather API into a travel app gives users access to real-time weather information, enhancing the utility and appeal of the service.</p></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-apis">Types of APIs<a href="#types-of-apis" class="hash-link" aria-label="Direct link to Types of APIs" title="Direct link to Types of APIs">​</a></h2><p>APIs come in different types and formats, depending on the purpose and underlying technology. Here are some common types of APIs:</p><ul><li><p><strong>Web APIs:</strong> These APIs allow web-based services and applications to communicate with one another. The majority of the time, they are built on widely used web protocols like <code>HTTP</code> and <code>REST</code> (Representational State Transfer).</p></li><li><p><strong>SOAP APIs:</strong> Based on XML (eXtensible Markup Language), SOAP (Simple Object Access Protocol) APIs offer a standardised method for applications to communicate structured information across a network.</p></li><li><p><strong>JSON-RPC and XML-RPC:</strong> JSON (JavaScript Object Notation) or XML can be used as the data format for remote procedure calls when using the <code>JSON-RPC</code> or <code>XML-RPC APIs</code>. They&#x27;re frequently employed for lightweight.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api-communication-styles">API Communication Styles:<a href="#api-communication-styles" class="hash-link" aria-label="Direct link to API Communication Styles:" title="Direct link to API Communication Styles:">​</a></h2><ul><li><p><strong>RESTful APIs:</strong> REST (Representational State Transfer) is a popular architectural style for designing web APIs. RESTful APIs use standard HTTP methods such as <code>GET</code>, <code>POST</code>, <code>PUT</code>, and <code>DELETE</code> to perform operations on resources. They often return data in formats like JSON or XML.</p></li><li><p><strong>GraphQL:</strong> GraphQL is an alternative to RESTful APIs that provides a more flexible and efficient approach to data retrieval. With GraphQL, clients can specify the exact data they need, reducing over-fetching and under-fetching of data.</p></li><li><p><strong>Real-Time APIs:</strong> Real-time APIs use technologies like WebSockets to enable bidirectional communication between the client and the server. They are ideal for applications that require instant updates, such as chat applications or real-time collaboration tools.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="common-apis">Common APIs<a href="#common-apis" class="hash-link" aria-label="Direct link to Common APIs" title="Direct link to Common APIs">​</a></h2><ul><li><p><strong>Social media APIs:</strong> Websites like <strong><a href="https://developers.facebook.com/docs/" target="_blank" rel="noopener noreferrer">Facebook</a></strong>, <strong><a href="https://developer.twitter.com/en/docs/twitter-api" target="_blank" rel="noopener noreferrer">Twitter</a></strong>, and <strong><a href="https://developers.facebook.com/docs/instagram-api/" target="_blank" rel="noopener noreferrer">Instagram</a></strong> offer APIs that let programmers incorporate social media features into their applications, such as updating statuses, retrieving user profiles, or engaging with social networks.</p></li><li><p><strong>Payment Gateway APIs:</strong> Companies such as <strong><a href="https://developer.paypal.com/api/rest/" target="_blank" rel="noopener noreferrer">PayPal</a></strong>, <strong><a href="https://stripe.com/docs/api" target="_blank" rel="noopener noreferrer">Stripe</a></strong>, and <strong><a href="https://developer.paypal.com/braintree/docs" target="_blank" rel="noopener noreferrer">Braintree</a></strong> provide APIs for handling online payments, allowing developers to include secure payment processing into their apps.</p></li><li><p><strong>Mapping and Geolocation APIs:</strong> Maps, geolocation data, routing, and other location-based services are all made available by mapping and geolocation APIs, which developers can use to build apps with mapping features. Examples of these APIs include <strong><a href="https://developers.google.com/maps/apis-by-platform" target="_blank" rel="noopener noreferrer">Google Maps</a></strong> and <strong><a href="https://docs.mapbox.com/api/overview/" target="_blank" rel="noopener noreferrer">Mapbox</a></strong>.</p></li></ul><img loading="lazy" src="/assets/images/apis-b58fc05e4054c5413c8f5ac058e3fc9a.png" class="img_ev3q"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>APIs enable seamless integration, teamwork, and creativity, serving as the foundation for contemporary software development. For developers and organisations wishing to take use of the power of APIs to build strong and interconnected applications, understanding APIs and their many types, communication styles, authentication methods, documentation practises, and management systems is essential. So go ahead and discover the immense possibilities that APIs contain for your software applications by exploring their enormous world!</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tmai-june-2023"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">This Month in AI - June 2023</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tmai-may-2023"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">This Month in AI - May 2023</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#introduction-to-api" class="table-of-contents__link toc-highlight">Introduction to API</a></li><li><a href="#why-are-apis-important" class="table-of-contents__link toc-highlight">Why are APIs Important?</a></li><li><a href="#types-of-apis" class="table-of-contents__link toc-highlight">Types of APIs</a></li><li><a href="#api-communication-styles" class="table-of-contents__link toc-highlight">API Communication Styles:</a></li><li><a href="#common-apis" class="table-of-contents__link toc-highlight">Common APIs</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/linux-basics/index.html b/blog/linux-basics/index.html index 7c51db31..4ae3a174 100644 --- a/blog/linux-basics/index.html +++ b/blog/linux-basics/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h1 class="title_f1Hy" itemprop="headline">Basics of GNU/Linux</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-world-of-operating-systems">The world of operating systems<a href="#the-world-of-operating-systems" class="hash-link" aria-label="Direct link to The world of operating systems" title="Direct link to The world of operating systems">​</a></h2><p>Most modern opearting systems can be grouped into two categories:</p><ul><li>Microsoft NT descendants like Windows XP to Windows 11, Xbox OS, Windows Phone</li><li>Unix based (Mostly everything apart from Windows)</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="why-unix-based">Why UNIX based?<a href="#why-unix-based" class="hash-link" aria-label="Direct link to Why UNIX based?" title="Direct link to Why UNIX based?">​</a></h3><p>Well, the answer is simple. Most of unix-based operating systems are free to use or modify, and hence are widely adopted. UNIX itself has died today, however, it&#x27;s clones and descendants are still alive. Some of these operating systems are direct clones of the UNIX source code, while some such as Linux are UNIX-like. Errr.. so unix-based, unix-like, what are all these?</p><p>Don&#x27;t worry, I will cover this in the next section. What&#x27;s important in this section is you understand the fact almost everything that is not based on Microsoft NT is a direct or indirect descendant of UNIX. Some examples of operating systems that are descendants of UNIX are:</p><ol><li>Linux and it&#x27;s derivative distributions</li><li>Mac OS X</li><li>BSD </li><li>ChromeOS </li><li>Android</li><li>PS4 OS</li></ol><p>Why is this important? Because all of these operating systems here share a plethora of common core functionailty. To put it simply, most of their internals and most of their functions are same, if not, similar. For example, all of these operating systems have the same basic commands.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="history-of-operating-systems">History of operating systems<a href="#history-of-operating-systems" class="hash-link" aria-label="Direct link to History of operating systems" title="Direct link to History of operating systems">​</a></h2><p>Since most of the operating systems today can trace their lineage to UNIX, it is important to atleast have a brief idea of what UNIX is, even though the original versions of UNIX no longer survive. Understanding the history will also help you understand why UNIX-based commands do not work on something like Windows.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-unix">What is UNIX?<a href="#what-is-unix" class="hash-link" aria-label="Direct link to What is UNIX?" title="Direct link to What is UNIX?">​</a></h3><p>UNIX was an operating system, developed at Bell labs in mid 1960s. Many of their innovations and design choices of the original UNIX team have lived up to 60+ years, well into the 2020s. These design choices include the idea of a multiuser operating system and a hierarchical filesystem.</p><p>UNIX truely is the grandfather of all modern operating systems. All of these features that were built into different versions of the original UNIX operating system still exist in operating systems like Mac OS, Android, linux distributions and basically every thing that can trace their lineage back to UNIX.</p><p>Since Microsoft operating systems cannot trace back their lineage to UNIX, all UNIX features do not work on windows. The commands that you can run colloquially on both MacOS and Linux, do not exist natively on Windows. Windows has it&#x27;s own commands, and it&#x27;s own way of doing things.</p><p><img loading="lazy" src="/assets/images/history-a65f57edaf967fad570d7218cbab6b4f.png" width="900" height="722" class="img_ev3q"></p><p align="center"><b>FIG 1:</b> UNIX&#x27;s descendants</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="closed-source-mixed-source-and-open-source">Closed Source, Mixed Source, and Open Source<a href="#closed-source-mixed-source-and-open-source" class="hash-link" aria-label="Direct link to Closed Source, Mixed Source, and Open Source" title="Direct link to Closed Source, Mixed Source, and Open Source">​</a></h3><p>In the diagram in the above section, you can see a legend in the top right that annotates the color codes given in the diagram. These are:</p><ul><li><b>Closed Source</b> (denoted by Red): These were descendants of UNIX that were further developed by companies like Sun Microsystem, HP, etc. The source code of these developements of UNIX were strictly guarded. The code itself was kept a secret from the public and the clients did not have the permission to change or alter the source code in anyway. Each company had their own non-permissive license.</li><li><b>Mixed Source</b> (denoted by Yellow): These were the descendants of UNIX that were further developed by colleges like Univesity of California, Berkeley, and many others. Berkeley was influential as they had released a mixed source code license (also known as BSD license), that would allow sharing and modification of the source code, with other colleges and companies, for educational or other purposes.</li><li><b>Open Source</b> (denoted by Green): These were descendants of UNIX whose developement was done in public as their source code was made freely available for everyone to view, modify, and use. The license that governed open source software were early versions of the GNU public license(GPL). The GPL from the early days has been a really permissive license as it allowed inspection and modification of the source code as per requirement.</li></ul><p>Licensing was the key differentiator in all of these descendants of UNIX, as they governed what could be done with the operating system. Companies have to make a profit, and colleges have to follow certain rules, hence we can understand why the first two cases wanted to safeguard their code behind non-permissive licenses. But why did the third case not want to protect their code?</p><p>The answer is, as mentioned in the above two scenarios, software was a commodity that had to be purchased. The closed source versions were to be bought by clients. (Just like you buy a windows license). These were expensive to do so and also there were limited innovations in the software, like only in the company who built it or the college where it was developed. Hence, the Free Software Foundation was formed in the late 80s to solve this issue, and that is why they had created the GPL.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="free-software-foundation-fsf">Free Software Foundation (FSF)<a href="#free-software-foundation-fsf" class="hash-link" aria-label="Direct link to Free Software Foundation (FSF)" title="Direct link to Free Software Foundation (FSF)">​</a></h3><p>The free software foundation was built as a part of the free software movement in response to proprietary and restricted software. Free is not equal to free in terms of money. Free as FREEDOM. That was FSF&#x27;s motto.</p><p>The movement&#x27;s philosophy is that computers and software should not prevent cooperation between users, and instead should have the goal of liberating everyone in the cyberspace. This will encourage innovation in software. </p><p>According to the movement&#x27;s leader <b>Richard Stallman</b>:</p><blockquote><p>Users should have the freedom to run, copy, distribute, study, change, and improve software.</p></blockquote><p>This was a visionary statement as open source software allowed ground-breaking innovations in the software industry and today, most of the software we use, have some kind of free software in them, either completly or in parts.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-gnulinux">What is GNU/Linux?<a href="#what-is-gnulinux" class="hash-link" aria-label="Direct link to What is GNU/Linux?" title="Direct link to What is GNU/Linux?">​</a></h3><p>Richard Stallman was the leader of a group of developers who wanted to create an open source version of the UNIX operating systems. Remember, most of the UNIX descendants like System V or BSD were closed source or mixed source? The open source operating system needed to have everything that normally came with UNIX. The components had to be FREE, as stated in the previous section.</p><p>In 1984, they began working on the GNU project (GNU stands for GNU&#x27;s not UNIX). Creating an operating systems however is a daunting task, even for the most experienced developers. Luckily for him, at the same time, a student in the University of Helsinki, Linus Torvalds was working on his operating system kernel, called Linux. </p><p>In any operating system, the <b>kernel</b> is the most important and critical component. The kernel facilitates the interaction of the the hardware and other system software. At that time, while most parts of the GNU project were complete (including gcc - compiler, open source implementations of all unix-commands, etc), the project lacked a kernel. Linus Torvalds combined his Linux kernel with the rest of the components of the GNU ecosystem, to create a full operating system. This was known as <b>GNU/Linux</b>.</p><p><img loading="lazy" src="/assets/images/kernel-16775a222a3cff4a30c60b705413958f.png" width="800" height="632" class="img_ev3q"></p><p align="center"><b>FIG 2:</b> Kernel in operating system</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linux-is-an-operating-system-kernel-that-along-with-other-system-software-components-creates-an-complete-operating-system-called-as-linux-distribution">Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.<a href="#linux-is-an-operating-system-kernel-that-along-with-other-system-software-components-creates-an-complete-operating-system-called-as-linux-distribution" class="hash-link" aria-label="Direct link to Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution." title="Direct link to Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.">​</a></h4><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="difference-between-unix-based-vs-unix-like">Difference between unix-based vs unix-like<a href="#difference-between-unix-based-vs-unix-like" class="hash-link" aria-label="Direct link to Difference between unix-based vs unix-like" title="Direct link to Difference between unix-based vs unix-like">​</a></h3><p>In FIG 1, you can see that many of the closed and mixed source operating systems are directly linked to the original UNIX. This is because the companies and colleges that wanted to develop their own versions of UNIX paid a royalty to Bell Labs to acquire UNIX. This might sound contradictary to their own non-permissive licenses. However Bell labs decided that they did not want to be in the operating systems buisness, and instead wanted to focus on telecommunication and phone buisness. Hence they happily sold off their versions of UNIX. Since these companies directly got their versions of UNIX from Bell labs, their descendant operating systems were called <b>unix-like</b>. </p><p>There are a bit of legal reasons too that I will not cover in the blog as it is out of scope for our discussion, but to put it in simple terms, there was a foundation formed by a few of these companies called <b>The Open Group</b>, and they defined the UNIX standard according to their developements of UNIX. In FIG 1, you can see that most of the operating systems do not have a direct connection to UNIX. This is because even though they are based on the original UNIX and are compatible with the UNIX standards, they have not been certified by The Open Group. This is often due to financial considerations, as open source projects do not have a definite source of income. Hence these operating systems are called <b>Unix-like</b>. It is basically a matter of certification by The Open Group, simply put.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linux-distributions">Linux Distributions<a href="#linux-distributions" class="hash-link" aria-label="Direct link to Linux Distributions" title="Direct link to Linux Distributions">​</a></h2><p>You know that Linux is actually an operating system kernel and not an entire operating system in itself. When people talk about a linux based operating system, they are actually referring to Linux Distributions (often shorten to linux distro). Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h1 class="title_f1Hy" itemprop="headline">Basics of GNU/Linux</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-world-of-operating-systems">The world of operating systems<a href="#the-world-of-operating-systems" class="hash-link" aria-label="Direct link to The world of operating systems" title="Direct link to The world of operating systems">​</a></h2><p>Most modern opearting systems can be grouped into two categories:</p><ul><li>Microsoft NT descendants like Windows XP to Windows 11, Xbox OS, Windows Phone</li><li>Unix based (Mostly everything apart from Windows)</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="why-unix-based">Why UNIX based?<a href="#why-unix-based" class="hash-link" aria-label="Direct link to Why UNIX based?" title="Direct link to Why UNIX based?">​</a></h3><p>Well, the answer is simple. Most of unix-based operating systems are free to use or modify, and hence are widely adopted. UNIX itself has died today, however, it&#x27;s clones and descendants are still alive. Some of these operating systems are direct clones of the UNIX source code, while some such as Linux are UNIX-like. Errr.. so unix-based, unix-like, what are all these?</p><p>Don&#x27;t worry, I will cover this in the next section. What&#x27;s important in this section is you understand the fact almost everything that is not based on Microsoft NT is a direct or indirect descendant of UNIX. Some examples of operating systems that are descendants of UNIX are:</p><ol><li>Linux and it&#x27;s derivative distributions</li><li>Mac OS X</li><li>BSD </li><li>ChromeOS </li><li>Android</li><li>PS4 OS</li></ol><p>Why is this important? Because all of these operating systems here share a plethora of common core functionailty. To put it simply, most of their internals and most of their functions are same, if not, similar. For example, all of these operating systems have the same basic commands.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="history-of-operating-systems">History of operating systems<a href="#history-of-operating-systems" class="hash-link" aria-label="Direct link to History of operating systems" title="Direct link to History of operating systems">​</a></h2><p>Since most of the operating systems today can trace their lineage to UNIX, it is important to atleast have a brief idea of what UNIX is, even though the original versions of UNIX no longer survive. Understanding the history will also help you understand why UNIX-based commands do not work on something like Windows.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-unix">What is UNIX?<a href="#what-is-unix" class="hash-link" aria-label="Direct link to What is UNIX?" title="Direct link to What is UNIX?">​</a></h3><p>UNIX was an operating system, developed at Bell labs in mid 1960s. Many of their innovations and design choices of the original UNIX team have lived up to 60+ years, well into the 2020s. These design choices include the idea of a multiuser operating system and a hierarchical filesystem.</p><p>UNIX truely is the grandfather of all modern operating systems. All of these features that were built into different versions of the original UNIX operating system still exist in operating systems like Mac OS, Android, linux distributions and basically every thing that can trace their lineage back to UNIX.</p><p>Since Microsoft operating systems cannot trace back their lineage to UNIX, all UNIX features do not work on windows. The commands that you can run colloquially on both MacOS and Linux, do not exist natively on Windows. Windows has it&#x27;s own commands, and it&#x27;s own way of doing things.</p><p><img loading="lazy" src="/assets/images/history-a65f57edaf967fad570d7218cbab6b4f.png" width="900" height="722" class="img_ev3q"></p><p align="center"><b>FIG 1:</b> UNIX&#x27;s descendants</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="closed-source-mixed-source-and-open-source">Closed Source, Mixed Source, and Open Source<a href="#closed-source-mixed-source-and-open-source" class="hash-link" aria-label="Direct link to Closed Source, Mixed Source, and Open Source" title="Direct link to Closed Source, Mixed Source, and Open Source">​</a></h3><p>In the diagram in the above section, you can see a legend in the top right that annotates the color codes given in the diagram. These are:</p><ul><li><b>Closed Source</b> (denoted by Red): These were descendants of UNIX that were further developed by companies like Sun Microsystem, HP, etc. The source code of these developements of UNIX were strictly guarded. The code itself was kept a secret from the public and the clients did not have the permission to change or alter the source code in anyway. Each company had their own non-permissive license.</li><li><b>Mixed Source</b> (denoted by Yellow): These were the descendants of UNIX that were further developed by colleges like Univesity of California, Berkeley, and many others. Berkeley was influential as they had released a mixed source code license (also known as BSD license), that would allow sharing and modification of the source code, with other colleges and companies, for educational or other purposes.</li><li><b>Open Source</b> (denoted by Green): These were descendants of UNIX whose developement was done in public as their source code was made freely available for everyone to view, modify, and use. The license that governed open source software were early versions of the GNU public license(GPL). The GPL from the early days has been a really permissive license as it allowed inspection and modification of the source code as per requirement.</li></ul><p>Licensing was the key differentiator in all of these descendants of UNIX, as they governed what could be done with the operating system. Companies have to make a profit, and colleges have to follow certain rules, hence we can understand why the first two cases wanted to safeguard their code behind non-permissive licenses. But why did the third case not want to protect their code?</p><p>The answer is, as mentioned in the above two scenarios, software was a commodity that had to be purchased. The closed source versions were to be bought by clients. (Just like you buy a windows license). These were expensive to do so and also there were limited innovations in the software, like only in the company who built it or the college where it was developed. Hence, the Free Software Foundation was formed in the late 80s to solve this issue, and that is why they had created the GPL.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="free-software-foundation-fsf">Free Software Foundation (FSF)<a href="#free-software-foundation-fsf" class="hash-link" aria-label="Direct link to Free Software Foundation (FSF)" title="Direct link to Free Software Foundation (FSF)">​</a></h3><p>The free software foundation was built as a part of the free software movement in response to proprietary and restricted software. Free is not equal to free in terms of money. Free as FREEDOM. That was FSF&#x27;s motto.</p><p>The movement&#x27;s philosophy is that computers and software should not prevent cooperation between users, and instead should have the goal of liberating everyone in the cyberspace. This will encourage innovation in software. </p><p>According to the movement&#x27;s leader <b>Richard Stallman</b>:</p><blockquote><p>Users should have the freedom to run, copy, distribute, study, change, and improve software.</p></blockquote><p>This was a visionary statement as open source software allowed ground-breaking innovations in the software industry and today, most of the software we use, have some kind of free software in them, either completly or in parts.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-gnulinux">What is GNU/Linux?<a href="#what-is-gnulinux" class="hash-link" aria-label="Direct link to What is GNU/Linux?" title="Direct link to What is GNU/Linux?">​</a></h3><p>Richard Stallman was the leader of a group of developers who wanted to create an open source version of the UNIX operating systems. Remember, most of the UNIX descendants like System V or BSD were closed source or mixed source? The open source operating system needed to have everything that normally came with UNIX. The components had to be FREE, as stated in the previous section.</p><p>In 1984, they began working on the GNU project (GNU stands for GNU&#x27;s not UNIX). Creating an operating systems however is a daunting task, even for the most experienced developers. Luckily for him, at the same time, a student in the University of Helsinki, Linus Torvalds was working on his operating system kernel, called Linux. </p><p>In any operating system, the <b>kernel</b> is the most important and critical component. The kernel facilitates the interaction of the the hardware and other system software. At that time, while most parts of the GNU project were complete (including gcc - compiler, open source implementations of all unix-commands, etc), the project lacked a kernel. Linus Torvalds combined his Linux kernel with the rest of the components of the GNU ecosystem, to create a full operating system. This was known as <b>GNU/Linux</b>.</p><p><img loading="lazy" src="/assets/images/kernel-16775a222a3cff4a30c60b705413958f.png" width="800" height="632" class="img_ev3q"></p><p align="center"><b>FIG 2:</b> Kernel in operating system</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linux-is-an-operating-system-kernel-that-along-with-other-system-software-components-creates-an-complete-operating-system-called-as-linux-distribution">Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.<a href="#linux-is-an-operating-system-kernel-that-along-with-other-system-software-components-creates-an-complete-operating-system-called-as-linux-distribution" class="hash-link" aria-label="Direct link to Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution." title="Direct link to Linux is an operating system kernel that along with other system software components creates an complete operating system called as linux distribution.">​</a></h4><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="difference-between-unix-based-vs-unix-like">Difference between unix-based vs unix-like<a href="#difference-between-unix-based-vs-unix-like" class="hash-link" aria-label="Direct link to Difference between unix-based vs unix-like" title="Direct link to Difference between unix-based vs unix-like">​</a></h3><p>In FIG 1, you can see that many of the closed and mixed source operating systems are directly linked to the original UNIX. This is because the companies and colleges that wanted to develop their own versions of UNIX paid a royalty to Bell Labs to acquire UNIX. This might sound contradictary to their own non-permissive licenses. However Bell labs decided that they did not want to be in the operating systems buisness, and instead wanted to focus on telecommunication and phone buisness. Hence they happily sold off their versions of UNIX. Since these companies directly got their versions of UNIX from Bell labs, their descendant operating systems were called <b>unix-like</b>. </p><p>There are a bit of legal reasons too that I will not cover in the blog as it is out of scope for our discussion, but to put it in simple terms, there was a foundation formed by a few of these companies called <b>The Open Group</b>, and they defined the UNIX standard according to their developements of UNIX. In FIG 1, you can see that most of the operating systems do not have a direct connection to UNIX. This is because even though they are based on the original UNIX and are compatible with the UNIX standards, they have not been certified by The Open Group. This is often due to financial considerations, as open source projects do not have a definite source of income. Hence these operating systems are called <b>Unix-like</b>. It is basically a matter of certification by The Open Group, simply put.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linux-distributions">Linux Distributions<a href="#linux-distributions" class="hash-link" aria-label="Direct link to Linux Distributions" title="Direct link to Linux Distributions">​</a></h2><p>You know that Linux is actually an operating system kernel and not an entire operating system in itself. When people talk about a linux based operating system, they are actually referring to Linux Distributions (often shorten to linux distro). Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc. Did you know that Linux is actually an operating system kernel and not an entire operating system in itself? When people talk about a linux based operating system, they are actually referring to Linux Distributions. Normally, a Linux Distribution bundles the linux kernel, a bunch of GNU tools, a shell, a package manager, a windowing system, and a window manager or desktop enviroment at the very least. On top of that, a linux distribution often can include utility software such as web browsers, a file explorer, a text editor, etc.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-linux-distributions">Types of Linux Distributions<a href="#types-of-linux-distributions" class="hash-link" aria-label="Direct link to Types of Linux Distributions" title="Direct link to Types of Linux Distributions">​</a></h3><p>While there are hundreds of linux distributions, most of them are based on a few original ones. These are:</p><ul><li>Arch Linux</li><li>Debian Linux</li><li>Red Hat Linux</li><li>Slackware</li><li>Gentoo</li><li>NixOS</li><li>Void Linux</li></ul><p>The key difference between these distributions are usually their package managers. However, different distributions may choose to ship different types of components. Let&#x27;s look at them in brief:</p><table><thead><tr><th>Distribution</th><th>Package Manager</th><th>init system</th></tr></thead><tbody><tr><td>Arch Linux</td><td>pacman</td><td>systemd</td></tr><tr><td>Debian</td><td>apt or dpkg</td><td>systemd</td></tr><tr><td>Red Hat</td><td>dnf or yum</td><td>systemd</td></tr><tr><td>Slackware</td><td>slackpkg</td><td>bsd-style</td></tr><tr><td>Gentoo</td><td>portage</td><td>openrc</td></tr><tr><td>NixOS</td><td>nix</td><td>systemd</td></tr><tr><td>Void Linux</td><td>xbps</td><td>runit</td></tr></tbody></table><p>These distributions are often called parent distributions as many other distributions are derived from them. Derivatives retain the package manager of the parent distributions while shipping different components. For example - a different shell, a different filesystem, etc.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="well-known-derivative-distributions">Well known derivative distributions<a href="#well-known-derivative-distributions" class="hash-link" aria-label="Direct link to Well known derivative distributions" title="Direct link to Well known derivative distributions">​</a></h4><ul><li><b>Arch based</b>: Manjaro, EndeavourOS, Garuda Linux</li><li><b>Debian based</b>: Ubuntu, Linux Mint, ElementaryOS</li><li><b>Red Hat Based</b>: Fedora, CentOS, RockyLinux</li><li><b>Gentoo based:</b> RedstarOS, Funtoo</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="core-components-of-a-distribution">Core Components of a distribution<a href="#core-components-of-a-distribution" class="hash-link" aria-label="Direct link to Core Components of a distribution" title="Direct link to Core Components of a distribution">​</a></h3><p>As we have discussed, a linux distro comes with the linux kernel, a shell, a filesystem, a bunch of GNU tools, and other system software. Let us discuss in brief what each of these components do, and how they help the operating system function.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="kernel">Kernel<a href="#kernel" class="hash-link" aria-label="Direct link to Kernel" title="Direct link to Kernel">​</a></h4><p>The kernel is a computer program at the core of a computer&#x27;s operating system and generally has complete control over everything in the system. It is the portion of the operating system code that is always resident in memory and facilitates interactions between hardware and software components.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="init-system">Init System<a href="#init-system" class="hash-link" aria-label="Direct link to Init System" title="Direct link to Init System">​</a></h4><p>Init system (short of for <i>initialization</i>), is the first process started during booting of the operating system. Init is a daemon process that continues running until the system is shut down. It is the direct or indirect ancestor of all other processes and automatically adopts all orphaned processes. Init is started by the kernel during the booting process. The process ID of init system is <b>PID 1</b>. </p><p>The init system with the help of the kernel initialises all hardware on the computer. The init scripts are launched by the init process to guarantee basic functionality on system start and shutdown. This includes (un)mounting of file systems and launching of daemons (background services).</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="filesystem">Filesystem<a href="#filesystem" class="hash-link" aria-label="Direct link to Filesystem" title="Direct link to Filesystem">​</a></h4><p>A file system or filesystem controls how data is stored and retrieved. Without a file system, information placed in a storage medium would be one large body of data with no way to tell where one piece of information stops and the next begins. By separating the data into pieces and giving each piece a name, the information is easily isolated and identified. Taking its name from the way paper-based information systems are named, each group of data is called a &quot;file&quot;. The structure and logic rules used to manage the groups of information and their names is called a &quot;file system&quot;.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-shell">The shell<a href="#the-shell" class="hash-link" aria-label="Direct link to The shell" title="Direct link to The shell">​</a></h4><p>From Wikipedia: </p><blockquote><p>A Unix shell is a command-line interpreter or shell that provides a traditional user interface for the Unix operating system and for Unix-like systems. Users direct the operation of the computer by entering commands as text for a command line interpreter to execute or by creating text scripts of one or more such commands.</p></blockquote><p>A shell is a computer interface to an operating system. It exposes the operating systems&#x27; services (init system for example) to human users. The shell takes our commands, and gives them to the operating system to perform. It is called a shell because it is an outer protective layer around the operating system.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="gnu-tools">GNU tools<a href="#gnu-tools" class="hash-link" aria-label="Direct link to GNU tools" title="Direct link to GNU tools">​</a></h4><p>These are important tools that are present in some or other form since the UNIX days. The GNU toolchain is a broad collection of programming tools produced by the GNU Project. These tools form a toolchain (a suite of tools used in a serial manner) used for developing software applications and operating systems. </p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="package-manager">Package manager<a href="#package-manager" class="hash-link" aria-label="Direct link to Package manager" title="Direct link to Package manager">​</a></h4><p>From Wikipedia:</p><blockquote><p>A package manager or package-management system is a collection of software tools that automates the process of installing, upgrading, configuring, and removing computer programs for a computer in a consistent manner.</p></blockquote><p>A package manager deals with packages, distributions of software and data in archive files. Packages contain metadata, such as the software&#x27;s name, description of its purpose, version number, vendor, checksum (preferably a cryptographic hash function), and a list of dependencies necessary for the software to run properly. Upon installation, metadata is stored in a local package database. Package managers typically maintain a database of software dependencies and version information to prevent software mismatches and missing prerequisites. They work closely with software repositories, binary repository managers, and app stores. </p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-enviroment">Desktop Enviroment<a href="#desktop-enviroment" class="hash-link" aria-label="Direct link to Desktop Enviroment" title="Direct link to Desktop Enviroment">​</a></h4><p>A desktop environment bundles together a variety of components to provide common graphical user interface elements such as icons, toolbars, wallpapers, and desktop widgets. Additionally, most desktop environments include a set of integrated applications and utilities. Most importantly, desktop environments provide their own window manager, which can however usually be replaced with another compatible one.</p><p>The user is free to configure their GUI environment in any number of ways. Desktop environments simply provide a complete and convenient means of accomplishing this task.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="whats-next">What&#x27;s Next?<a href="#whats-next" class="hash-link" aria-label="Direct link to What&#x27;s Next?" title="Direct link to What&#x27;s Next?">​</a></h2><p>After reading this blog, you must have gotten the basic understanding of what GNU/Linux is, what linux itself is, and what a linux distribution is, and what it does. Moving on from here, you can dive deep and understand in depth how each component decsribed in the blog post work. For example, how does a typical linux file system look like. The world of operating systems is vast, and only so much can be covered in one blog post. Keep asking questions, and keep reading!</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-blockchain"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Blockchain - Future of Tommorow</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/blog-posting-guidelines"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">General Posting Guidelines</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#the-world-of-operating-systems" class="table-of-contents__link toc-highlight">The world of operating systems</a><ul><li><a href="#why-unix-based" class="table-of-contents__link toc-highlight">Why UNIX based?</a></li></ul></li><li><a href="#history-of-operating-systems" class="table-of-contents__link toc-highlight">History of operating systems</a><ul><li><a href="#what-is-unix" class="table-of-contents__link toc-highlight">What is UNIX?</a></li><li><a href="#closed-source-mixed-source-and-open-source" class="table-of-contents__link toc-highlight">Closed Source, Mixed Source, and Open Source</a></li><li><a href="#free-software-foundation-fsf" class="table-of-contents__link toc-highlight">Free Software Foundation (FSF)</a></li><li><a href="#what-is-gnulinux" class="table-of-contents__link toc-highlight">What is GNU/Linux?</a></li><li><a href="#difference-between-unix-based-vs-unix-like" class="table-of-contents__link toc-highlight">Difference between unix-based vs unix-like</a></li></ul></li><li><a href="#linux-distributions" class="table-of-contents__link toc-highlight">Linux Distributions</a><ul><li><a href="#types-of-linux-distributions" class="table-of-contents__link toc-highlight">Types of Linux Distributions</a></li><li><a href="#core-components-of-a-distribution" class="table-of-contents__link toc-highlight">Core Components of a distribution</a></li></ul></li><li><a href="#whats-next" class="table-of-contents__link toc-highlight">What&#39;s Next?</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/page/2/index.html b/blog/page/2/index.html index 80b1910c..85d6183d 100644 --- a/blog/page/2/index.html +++ b/blog/page/2/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. -Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/3"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/page/3/index.html b/blog/page/3/index.html index bce055a5..74ee2b91 100644 --- a/blog/page/3/index.html +++ b/blog/page/3/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. +Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/2"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/4"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/page/4/index.html b/blog/page/4/index.html index 9883c6a3..66380649 100644 --- a/blog/page/4/index.html +++ b/blog/page/4/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,14 +20,13 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. -Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> -And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/3"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/5"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/page/5/index.html b/blog/page/5/index.html index 9812907d..1cc89122 100644 --- a/blog/page/5/index.html +++ b/blog/page/5/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. -<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> +And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. +<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/4"><div class="pagination-nav__label">Newer Entries</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/page/6"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/page/6/index.html b/blog/page/6/index.html index 7648a40a..b871e7b0 100644 --- a/blog/page/6/index.html +++ b/blog/page/6/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/5"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/page/5"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/rotaract-club-of-tcet/index.html b/blog/rotaract-club-of-tcet/index.html index 646a7d2b..2a0c1a81 100644 --- a/blog/rotaract-club-of-tcet/index.html +++ b/blog/rotaract-club-of-tcet/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h1 class="title_f1Hy" itemprop="headline">Rotaract Club of TCET</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h1 class="title_f1Hy" itemprop="headline">Rotaract Club of TCET</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tmai-april-2023"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">This Month in AI - April 2023</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/dive-into-web-design"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#types-of-projects--events-conducted-in-rctcet" class="table-of-contents__link toc-highlight">Types of Projects &amp; Events conducted in RCTCET</a><ul><li><a href="#1-volunteering" class="table-of-contents__link toc-highlight">1. Volunteering</a></li><li><a href="#2-space-to-socialize" class="table-of-contents__link toc-highlight">2. Space to Socialize</a></li><li><a href="#3-space-to-express-creativity" class="table-of-contents__link toc-highlight">3. Space to express creativity</a></li><li><a href="#4-development-of-overall-personality" class="table-of-contents__link toc-highlight">4. Development of Overall Personality</a></li><li><a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="table-of-contents__link toc-highlight">5. Last but not the least, it is a platform where you can create amazing memories!</a></li></ul></li><li><a href="#to-know-more-about-us" class="table-of-contents__link toc-highlight">To know more about us:</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/rss.xml b/blog/rss.xml index c31ae70b..792e82b8 100644 --- a/blog/rss.xml +++ b/blog/rss.xml @@ -4,10 +4,26 @@ <title>TCET Open Source Blog</title> <link>https://opensource.tcetmumbai.in/blog</link> <description>TCET Open Source Blog</description> - <lastBuildDate>Tue, 10 Oct 2023 00:00:00 GMT</lastBuildDate> + <lastBuildDate>Fri, 13 Oct 2023 00:00:00 GMT</lastBuildDate> <docs>https://validator.w3.org/feed/docs/rss2.html</docs> <generator>https://github.com/jpmonette/feed</generator> <language>en</language> + <item> + <title><![CDATA[AI Automation Odyssey: Navigating the Future of Work and Innovation]]></title> + <link>https://opensource.tcetmumbai.in/blog/intro-to-ai-automation</link> + <guid>https://opensource.tcetmumbai.in/blog/intro-to-ai-automation</guid> + <pubDate>Fri, 13 Oct 2023 00:00:00 GMT</pubDate> + <description><![CDATA[AI Automation Odyssey: Navigating the Future of Work and Innovation]]></description> + <content:encoded><![CDATA[<blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today's quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We'll look at the main aspects of AI automation in this post.</p></blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="AI Automation" src="/assets/images/intro-7f73c6930cecb4810126341cd83ea924.png" width="1400" height="700" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Automation</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-is-ai-automation-">What is AI Automation ?<a href="#what-is-ai-automation-" class="hash-link" aria-label="Direct link to What is AI Automation ?" title="Direct link to What is AI Automation ?">​</a></h2><ul><li>Artificial Intelligence (AI) automation is the use of machine learning and artificial intelligence to carry out activities automatically. </li><li>By minimizing human mistake and working nonstop, it achieves tremendous efficiency gains that lower costs and increase profitability. </li><li>Simple rule-based processes to more complicated, adaptive, and intelligent behaviors can all be automated.</li><li>Basic purpose of AI automation is to use AI capabilities to make tasks more efficient, accurate, and cost-effective. </li><li>This technology can process enormous amounts of data, make predictions about the future, and customize user experiences. </li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="power-of-ai-automation">Power of AI Automation<a href="#power-of-ai-automation" class="hash-link" aria-label="Direct link to Power of AI Automation" title="Direct link to Power of AI Automation">​</a></h2><p>AI automation has the capacity to completely alter industries and redefine how we live and work. It improves customer service, supports decision-making, and encourages innovation while being accessible 24/7. AI automation is a versatile force with broad ramifications across industries as it improves resource allocation, simplifies operations, and reduces risks. Its capacity to boost human potential and promote ongoing improvement highlights its crucial role in determining the course of the future. The nexus of Automation and Artificial Intelligence (AI) has expanded quickly, spawning cutting-edge tactics that promise to fundamentally transform industries and expedite procedures. This technology is a game-changer in many industries because it can undertake repetitive, time-consuming jobs with higher accuracy, consistency, and speed than people. </p><figure><center><img loading="lazy" src="/assets/images/jobs-a6b3ce3c8b4b85da550dc314a99d28e5.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><figcaption>Affect of AI Automation on Jobs</figcaption></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="evolution-of-ai-automation">Evolution of AI Automation<a href="#evolution-of-ai-automation" class="hash-link" aria-label="Direct link to Evolution of AI Automation" title="Direct link to Evolution of AI Automation">​</a></h2><p>AI automation has come a long way from basic rule-based processes. Today, it combines machine learning, natural language processing, and other AI techniques to deliver more sophisticated and adaptive solutions. +Here are some advanced AI automation strategies:</p><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Cognitive Automation</b></summary><div><div class="collapsibleContent_i85q"><div>AI and human intelligence are used in cognitive automation to simulate human thought processes. It can make judgments, comprehend unstructured data, and even pick up new information as it is input. In industries like healthcare, where it may help with diagnosis and treatment suggestions, this technology is extremely beneficial.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Predictive Maintenance</b></summary><div><div class="collapsibleContent_i85q"><div>Machine learning algorithms are used in AI-powered predictive maintenance to predict when equipment will break down. By just maintaining machines as needed, this aids businesses in avoiding unanticipated downtime and lowering maintenance expenses.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Conversational AI</b></summary><div><div class="collapsibleContent_i85q"><div>Natural language processing is used by conversational AI, which is frequently found in chatbots and virtual assistants, to engage in discussions that are human-like. This is extremely helpful for increasing user experiences, automating regular enquiries, and improving customer support.</div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>Robotic Process Automation (RPA)</b></summary><div><div class="collapsibleContent_i85q"><div>Routine, rule-based processes across numerous applications are automated by RPA. In order to eliminate human data entry and boost efficiency, it is commonly utilized in finance, HR, and logistics.</div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="benefits">Benefits<a href="#benefits" class="hash-link" aria-label="Direct link to Benefits" title="Direct link to Benefits">​</a></h2><p>Here are some of the ways AI automation can benefit your organization :</p><figure><center><img loading="lazy" src="/assets/images/benefits-86a1600419fba0e865763358cd2a24ae.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navigating-the-future-of-work">Navigating the Future of Work<a href="#navigating-the-future-of-work" class="hash-link" aria-label="Direct link to Navigating the Future of Work" title="Direct link to Navigating the Future of Work">​</a></h2><p>AI automation is not just about cost savings and efficiency; it's about reshaping the very nature of work. +The future of work, characterized by automation, presents several key facets:</p><ul><li><p>Innovation: As AI automation handles routine tasks, human workers can focus on more creative, strategic, and innovative endeavors, driving progress and innovation.</p></li><li><p>Job Evolution: The workforce will see a shift in the nature of jobs. While some tasks become automated, new roles related to AI and automation will emerge.</p></li><li><p>Continuous Learning: The future workforce will need to embrace lifelong learning and adaptability to remain relevant in an ever-changing job market.</p></li><li><p>Ethical Considerations: As AI automation continues to expand, ethical considerations related to bias, transparency, and accountability become paramount.</p></li></ul><figure><center><img loading="lazy" src="/assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png" style="border:2px solid gray" class="img_ev3q"></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>To summarize, the AI Automation Odyssey is a thrilling and revolutionary adventure with enormous potential to shape the future of work and creativity. The value of AI automation rests in its capacity to improve productivity, decrease errors, save money, and promote innovation across multiple industries. As its influence grows, the workforce must adapt to changing responsibilities and the continual requirement for lifelong learning. Ethical considerations are vital, and ethical AI automation deployment is required to ensure that it benefits society as a whole. The future of work is changing, and the opportunity for creativity is limitless. </p><center><b>Our adventure has only just begun and the future holds exciting discoveries, </b></center><center><b>Stay tuned for more insights and developments on this remarkable odyssey !!!!</b></center>]]></content:encoded> + <category>AI</category> + <category>Automation</category> + <category>Work</category> + <category>Innovation</category> + <category>Data</category> + <category>Technology</category> + </item> <item> <title><![CDATA[CNCF Zero to Merge - Your first step towards Open-Source]]></title> <link>https://opensource.tcetmumbai.in/blog/CNCF-Zero-to-Merge</link> diff --git a/blog/tags/ai/index.html b/blog/tags/ai/index.html index 6d64ea4c..0dacf04c 100644 --- a/blog/tags/ai/index.html +++ b/blog/tags/ai/index.html @@ -3,14 +3,14 @@ <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v2.4.3"> -<title data-rh="true">3 posts tagged with &quot;ai&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/ai"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;ai&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/ai"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<title data-rh="true">4 posts tagged with &quot;AI&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/ai"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="4 posts tagged with &quot;AI&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/ai"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;ai&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. -Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. -Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;AI&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/ai/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/ai/page/2/index.html b/blog/tags/ai/page/2/index.html new file mode 100644 index 00000000..7613e56b --- /dev/null +++ b/blog/tags/ai/page/2/index.html @@ -0,0 +1,29 @@ +<!doctype html> +<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false"> +<head> +<meta charset="UTF-8"> +<meta name="generator" content="Docusaurus v2.4.3"> +<title data-rh="true">4 posts tagged with &quot;AI&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/ai/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="4 posts tagged with &quot;AI&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/ai/page/2"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/ai/page/2" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> + + + +<link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> +</head> +<body class="navigation-with-keyboard"> +<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> +<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" style="background-color:#451d84;color:#ffffff" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a></div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">TCET Open Source</b></a><a class="navbar__item navbar__link" sidebarid="docs" href="/docs/about-tcetopensource">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> + </svg></a><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Twitter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> + </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> + <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;AI&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. +Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. +Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/ai"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> +</body> +</html> \ No newline at end of file diff --git a/blog/tags/api/index.html b/blog/tags/api/index.html index cf74ed7e..9f5a6849 100644 --- a/blog/tags/api/index.html +++ b/blog/tags/api/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;api&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;api&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/artificial-intelligence/index.html b/blog/tags/artificial-intelligence/index.html index 2662fb4a..af4a7928 100644 --- a/blog/tags/artificial-intelligence/index.html +++ b/blog/tags/artificial-intelligence/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,11 +20,11 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Artificial Intelligence&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Artificial Intelligence&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/authentication/index.html b/blog/tags/authentication/index.html index 6054b576..ef1f2c1d 100644 --- a/blog/tags/authentication/index.html +++ b/blog/tags/authentication/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;authentication&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;authentication&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/automation/index.html b/blog/tags/automation/index.html index 42608181..ec71d824 100644 --- a/blog/tags/automation/index.html +++ b/blog/tags/automation/index.html @@ -3,14 +3,14 @@ <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v2.4.3"> -<title data-rh="true">2 posts tagged with &quot;automation&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/automation"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="2 posts tagged with &quot;automation&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/automation"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/automation" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/automation" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<title data-rh="true">3 posts tagged with &quot;Automation&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/automation"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;Automation&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/automation"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/automation" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/automation" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,13 +20,13 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;automation&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;Automation&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. It allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Web Crawling, A Beginner’s Perspective on Data Extraction" href="/blog/web-crawling"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/blockchain/index.html b/blog/tags/blockchain/index.html index ca30679f..dfc913d4 100644 --- a/blog/tags/blockchain/index.html +++ b/blog/tags/blockchain/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Blockchain&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Blockchain&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cli/index.html b/blog/tags/cli/index.html index b4dc4ee6..6fc1e805 100644 --- a/blog/tags/cli/index.html +++ b/blog/tags/cli/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cli&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cli&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cloud-computing/index.html b/blog/tags/cloud-computing/index.html index e42d75dd..6a58f6a5 100644 --- a/blog/tags/cloud-computing/index.html +++ b/blog/tags/cloud-computing/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cloud computing&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cloud computing&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cloud/index.html b/blog/tags/cloud/index.html index 75b12e78..c7483c14 100644 --- a/blog/tags/cloud/index.html +++ b/blog/tags/cloud/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cloud&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cloud&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cncf/index.html b/blog/tags/cncf/index.html index 5302450c..1396e27c 100644 --- a/blog/tags/cncf/index.html +++ b/blog/tags/cncf/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;CNCF&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;CNCF&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/community/index.html b/blog/tags/community/index.html index 0691645b..0e154e7a 100644 --- a/blog/tags/community/index.html +++ b/blog/tags/community/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;community&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;community&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/css/index.html b/blog/tags/css/index.html index a90f6b0c..e45800e3 100644 --- a/blog/tags/css/index.html +++ b/blog/tags/css/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;CSS&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;CSS&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cultural/index.html b/blog/tags/cultural/index.html index 894d4cef..1ece7d9e 100644 --- a/blog/tags/cultural/index.html +++ b/blog/tags/cultural/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cultural&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cultural&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/cyberpunk/index.html b/blog/tags/cyberpunk/index.html index a5d26969..dc9791e3 100644 --- a/blog/tags/cyberpunk/index.html +++ b/blog/tags/cyberpunk/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cyberpunk&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;cyberpunk&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/data-extraction/index.html b/blog/tags/data-extraction/index.html index ae26e74b..28f57f43 100644 --- a/blog/tags/data-extraction/index.html +++ b/blog/tags/data-extraction/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;data extraction&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;data extraction&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. It allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Web Crawling, A Beginner’s Perspective on Data Extraction" href="/blog/web-crawling"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/data-science/index.html b/blog/tags/data-science/index.html index 631ff1e7..dfc8611f 100644 --- a/blog/tags/data-science/index.html +++ b/blog/tags/data-science/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,11 +20,11 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Data Science&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Data Science&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/data/index.html b/blog/tags/data/index.html index cc997ec1..beed5b5b 100644 --- a/blog/tags/data/index.html +++ b/blog/tags/data/index.html @@ -3,14 +3,14 @@ <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v2.4.3"> -<title data-rh="true">3 posts tagged with &quot;Data&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/data"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="3 posts tagged with &quot;Data&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/data"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<title data-rh="true">4 posts tagged with &quot;Data&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/data"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="4 posts tagged with &quot;Data&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/data"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,11 +20,11 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;Data&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;Data&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research -and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/data/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/data/page/2/index.html b/blog/tags/data/page/2/index.html new file mode 100644 index 00000000..ada0a1cb --- /dev/null +++ b/blog/tags/data/page/2/index.html @@ -0,0 +1,27 @@ +<!doctype html> +<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false"> +<head> +<meta charset="UTF-8"> +<meta name="generator" content="Docusaurus v2.4.3"> +<title data-rh="true">4 posts tagged with &quot;Data&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/data/page/2"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="4 posts tagged with &quot;Data&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/data/page/2"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data/page/2" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/data/page/2" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> + + + +<link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> +</head> +<body class="navigation-with-keyboard"> +<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> +<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" style="background-color:#451d84;color:#ffffff" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a></div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">TCET Open Source</b></a><a class="navbar__item navbar__link" sidebarid="docs" href="/docs/about-tcetopensource">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> + </svg></a><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Twitter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> + </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> + <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>4 posts tagged with &quot;Data&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/data"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> +</body> +</html> \ No newline at end of file diff --git a/blog/tags/editorial/index.html b/blog/tags/editorial/index.html index fbe73b4b..d8449f20 100644 --- a/blog/tags/editorial/index.html +++ b/blog/tags/editorial/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;editorial&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;editorial&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/free/index.html b/blog/tags/free/index.html index 451cbb60..ae8f1d1b 100644 --- a/blog/tags/free/index.html +++ b/blog/tags/free/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;free&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;free&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/frontend/index.html b/blog/tags/frontend/index.html index 7a4e8499..15fd80a8 100644 --- a/blog/tags/frontend/index.html +++ b/blog/tags/frontend/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Frontend&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Frontend&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/gaming/index.html b/blog/tags/gaming/index.html index 3390b2b5..b3045eee 100644 --- a/blog/tags/gaming/index.html +++ b/blog/tags/gaming/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;gaming&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;gaming&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/html/index.html b/blog/tags/html/index.html index bc9d0336..52bdcefc 100644 --- a/blog/tags/html/index.html +++ b/blog/tags/html/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;HTML&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;HTML&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/index.html b/blog/tags/index.html index 7645c8d9..e3e4d72c 100644 --- a/blog/tags/index.html +++ b/blog/tags/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><h1>Tags</h1><section class="margin-vert--lg"><article><h2>A</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/ai">ai<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/api">api<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/artificial-intelligence">Artificial Intelligence<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/authentication">authentication<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/automation">automation<span>2</span></a></li></ul><hr></article><article><h2>B</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blockchain">Blockchain<span>1</span></a></li></ul><hr></article><article><h2>C</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cli">cli<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cloud">cloud<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cloud-computing">cloud computing<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cncf">CNCF<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/community">community<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/css">CSS<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cultural">cultural<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cyberpunk">cyberpunk<span>1</span></a></li></ul><hr></article><article><h2>D</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data">Data<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data-extraction">data extraction<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data-science">Data Science<span>1</span></a></li></ul><hr></article><article><h2>E</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/editorial">editorial<span>1</span></a></li></ul><hr></article><article><h2>F</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/free">free<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/frontend">Frontend<span>1</span></a></li></ul><hr></article><article><h2>G</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/gaming">gaming<span>1</span></a></li></ul><hr></article><article><h2>H</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/html">HTML<span>1</span></a></li></ul><hr></article><article><h2>I</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/integration">integration<span>1</span></a></li></ul><hr></article><article><h2>J</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/jsx">JSX<span>1</span></a></li></ul><hr></article><article><h2>L</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/linux">linux<span>1</span></a></li></ul><hr></article><article><h2>M</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/machine-learning">Machine Learning<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/mental-model">Mental Model<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/mind-benders">mind-benders<span>3</span></a></li></ul><hr></article><article><h2>N</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/nvidia">nvidia<span>1</span></a></li></ul><hr></article><article><h2>O</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/open">open<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/open-source">open-source<span>1</span></a></li></ul><hr></article><article><h2>R</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/react-js">ReactJs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/resonsiveness">Resonsiveness<span>1</span></a></li></ul><hr></article><article><h2>S</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/social">social<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/software">Software<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/source">source<span>3</span></a></li></ul><hr></article><article><h2>T</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/technology">Technology<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/terminal">terminal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tmai">tmai<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tui">tui<span>1</span></a></li></ul><hr></article><article><h2>V</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/virtaul-dom">Virtaul DOM<span>1</span></a></li></ul><hr></article><article><h2>W</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/web-crawling">web crawling<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/web-design">Web Design<span>1</span></a></li></ul><hr></article><article><h2>Z</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/zero-to-merge">Zero-to-Merge<span>1</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><h1>Tags</h1><section class="margin-vert--lg"><article><h2>A</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/ai">AI<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/api">api<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/artificial-intelligence">Artificial Intelligence<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/authentication">authentication<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/automation">Automation<span>3</span></a></li></ul><hr></article><article><h2>B</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/blockchain">Blockchain<span>1</span></a></li></ul><hr></article><article><h2>C</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cli">cli<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cloud">cloud<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cloud-computing">cloud computing<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cncf">CNCF<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/community">community<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/css">CSS<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cultural">cultural<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/cyberpunk">cyberpunk<span>1</span></a></li></ul><hr></article><article><h2>D</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data">Data<span>4</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data-extraction">data extraction<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/data-science">Data Science<span>1</span></a></li></ul><hr></article><article><h2>E</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/editorial">editorial<span>1</span></a></li></ul><hr></article><article><h2>F</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/free">free<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/frontend">Frontend<span>1</span></a></li></ul><hr></article><article><h2>G</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/gaming">gaming<span>1</span></a></li></ul><hr></article><article><h2>H</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/html">HTML<span>1</span></a></li></ul><hr></article><article><h2>I</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/innovation">Innovation<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/integration">integration<span>1</span></a></li></ul><hr></article><article><h2>J</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/jsx">JSX<span>1</span></a></li></ul><hr></article><article><h2>L</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/linux">linux<span>1</span></a></li></ul><hr></article><article><h2>M</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/machine-learning">Machine Learning<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/mental-model">Mental Model<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/mind-benders">mind-benders<span>3</span></a></li></ul><hr></article><article><h2>N</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/nvidia">nvidia<span>1</span></a></li></ul><hr></article><article><h2>O</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/open">open<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/open-source">open-source<span>1</span></a></li></ul><hr></article><article><h2>R</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/react-js">ReactJs<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/resonsiveness">Resonsiveness<span>1</span></a></li></ul><hr></article><article><h2>S</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/social">social<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/software">Software<span>5</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/source">source<span>3</span></a></li></ul><hr></article><article><h2>T</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/technology">Technology<span>2</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/terminal">terminal<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tmai">tmai<span>3</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/tui">tui<span>1</span></a></li></ul><hr></article><article><h2>V</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/virtaul-dom">Virtaul DOM<span>1</span></a></li></ul><hr></article><article><h2>W</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/web-crawling">web crawling<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/web-design">Web Design<span>1</span></a></li><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/work">Work<span>1</span></a></li></ul><hr></article><article><h2>Z</h2><ul class="padding--none"><li class="tag_Nnez"><a class="tag_zVej tagWithCount_h2kH" href="/blog/tags/zero-to-merge">Zero-to-Merge<span>1</span></a></li></ul><hr></article></section></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/innovation/index.html b/blog/tags/innovation/index.html new file mode 100644 index 00000000..e9ff79d6 --- /dev/null +++ b/blog/tags/innovation/index.html @@ -0,0 +1,27 @@ +<!doctype html> +<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false"> +<head> +<meta charset="UTF-8"> +<meta name="generator" content="Docusaurus v2.4.3"> +<title data-rh="true">One post tagged with &quot;Innovation&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/innovation"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="One post tagged with &quot;Innovation&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/innovation"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/innovation" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/innovation" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> + + + +<link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> +</head> +<body class="navigation-with-keyboard"> +<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> +<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" style="background-color:#451d84;color:#ffffff" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a></div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">TCET Open Source</b></a><a class="navbar__item navbar__link" sidebarid="docs" href="/docs/about-tcetopensource">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> + </svg></a><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Twitter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> + </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> + <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Innovation&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> +</body> +</html> \ No newline at end of file diff --git a/blog/tags/integration/index.html b/blog/tags/integration/index.html index df510aa2..8f6d9239 100644 --- a/blog/tags/integration/index.html +++ b/blog/tags/integration/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;integration&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;integration&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/jsx/index.html b/blog/tags/jsx/index.html index bbaa45f5..453768f9 100644 --- a/blog/tags/jsx/index.html +++ b/blog/tags/jsx/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;JSX&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;JSX&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/linux/index.html b/blog/tags/linux/index.html index e9b55d1b..e748ef5a 100644 --- a/blog/tags/linux/index.html +++ b/blog/tags/linux/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;linux&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;linux&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/machine-learning/index.html b/blog/tags/machine-learning/index.html index 419676d4..60a38b8b 100644 --- a/blog/tags/machine-learning/index.html +++ b/blog/tags/machine-learning/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,11 +20,11 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Machine Learning&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Machine Learning&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Taking you on a journey of Artificial Intelligence, its humble beginnings to the present day."><meta itemprop="keywords" content="Artificial Intelligence,Machine Learning,Data,Data Science,Automation"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-13T00:00:00.000Z" itemprop="datePublished">May 13, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Nidhi-1223.png" alt="Nidhi Worah" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Nidhi-1223" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nidhi Worah</span></a></div><small class="avatar__subtitle" itemprop="description">Machine Learning Enthusiast</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Unlock the mystery of AI with this epic multi-part series, taking you on a journey from its humble beginnings to the present day. Join us as we explore different aspects of Artificial Intelligence in this entire series.</p></blockquote><p>Artificial Intelligence (AI) is an exciting and rapidly growing field that has the potential to transform our world in countless ways. From self-driving cars to virtual personal assistants, AI has already made its way into many aspects of our daily lives, and its applications continue to expand.</p><p>Artificial Intelligence is composed of two words <strong>Artificial</strong> and <strong>Intelligence</strong>, where Artificial defines <em>“man-made,”</em> and intelligence defines <em>“thinking power”</em>, hence AI means <em>“a man-made thinking power.”</em></p><blockquote><p>Artificial Intelligence is a branch of computer science by which we can create intelligent machines which can behave like a human, think like humans, and able to make decisions.</p></blockquote><p>But what exactly is AI, and how did it come to be? In this article, we’ll take a brief look at the history of AI and its evolution over time.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="early-concepts-of-ai">Early Concepts of AI<a href="#early-concepts-of-ai" class="hash-link" aria-label="Direct link to Early Concepts of AI" title="Direct link to Early Concepts of AI">​</a></h3><p>The idea of machines that could mimic human intelligence dates back centuries, with early examples including the ancient Greek myths of Talos, a giant bronze statue that could move and act on its own, and Pygmalion’s statue, which was brought to life by the goddess Aphrodite.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 1 - Talos" src="/assets/images/Talos-99635ba9cc9b8ad3ee96ee48dd6dea3a.webp" width="300" height="207" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 1 — Talos by <a href="https://technicacuriosa.com/author/amayor/" target="_blank" rel="noopener noreferrer"><strong>Adrienne Mayor</strong></a></em></td></tr></tbody></table><p>In the modern era, the concept of AI began to take shape in the mid-20th century. In 1950, computer scientist Alan Turing proposed the “Turing Test,” which is still used today to measure a machine’s ability to exhibit intelligent behavior equivalent to, or indistinguishable from, that of a human.</p><p>Early AI research focused on rule-based systems, in which machines were programmed to follow a set of explicit rules to solve problems. While these systems were effective for some tasks, they were limited by their inflexibility and inability to learn from experience.</p><p>AI has many sub-categories like Machine Learning and Deep Learning. People usually tend to use these terms interchangeably. Let’s look at these terms in brief -</p><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 2 - Sub-categories of AI" src="/assets/images/sub-categories-of-AI-2947772424544dabf498e73f16f88e61.webp" width="628" height="628" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 2 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-rise-of-machine-learning">The Rise of Machine Learning<a href="#the-rise-of-machine-learning" class="hash-link" aria-label="Direct link to The Rise of Machine Learning" title="Direct link to The Rise of Machine Learning">​</a></h2><p>In the 1980s, a new approach to AI emerged: Machine Learning. This approach involved designing algorithms that could learn from data, identify patterns, and make predictions based on that data.</p><p>Machine learning algorithms were initially used for simple tasks such as recognizing handwritten characters, but their applications quickly expanded to more complex problems, including speech recognition, image recognition, and natural language processing.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="deep-learning-and-neural-networks">Deep Learning and Neural Networks<a href="#deep-learning-and-neural-networks" class="hash-link" aria-label="Direct link to Deep Learning and Neural Networks" title="Direct link to Deep Learning and Neural Networks">​</a></h2><p>In the 2010s, a subfield of machine learning known as deep learning began to emerge, fueled by advances in computing power and data storage. Deep learning algorithms are modeled after the structure and function of the human brain, using artificial neural networks to simulate the behavior of neurons and synapses. </p><p>Deep learning has enabled breakthroughs in areas such as image and speech recognition and has led to the development of autonomous vehicles and other advanced technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-future-of-ai">The Future of AI<a href="#the-future-of-ai" class="hash-link" aria-label="Direct link to The Future of AI" title="Direct link to The Future of AI">​</a></h2><p>As AI continues to advance, its potential applications are virtually limitless. From personalized healthcare to smart homes and cities, AI has the power to revolutionize nearly every aspect of our lives.</p><p>As Uncle Ben says, “With great power comes great responsibility.” AI systems become more sophisticated, it’s important to ensure that they are designed and deployed ethically and responsibly, with consideration for issues such as bias, privacy, and security.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-artificial-intelligence">Types of Artificial Intelligence<a href="#types-of-artificial-intelligence" class="hash-link" aria-label="Direct link to Types of Artificial Intelligence" title="Direct link to Types of Artificial Intelligence">​</a></h2><table><thead><tr><th align="center"><img loading="lazy" alt="Figure 3 - Types of AI" src="/assets/images/types-of-AI-68125fbe3195e3a65b8ea998b1185023.webp" width="786" height="608" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Figure 3 — By the <a href="https://medium.com/@nidhiworah02" target="_blank" rel="noopener noreferrer">Author</a> — Types of Artificial Intelligence</em></td></tr></tbody></table><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-1-based-on-capabilities">Artificial Intelligence — Type 1: Based on Capabilities<a href="#artificial-intelligence--type-1-based-on-capabilities" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 1: Based on Capabilities" title="Direct link to Artificial Intelligence — Type 1: Based on Capabilities">​</a></h3><p><strong>Narrow AI</strong></p><ul><li>Narrow AI is a type of AI that is able to perform a dedicated task with intelligence.</li><li>Narrow AI cannot perform beyond its field or limitations, as it is only trained for one specific task. Hence it is also termed weak AI. Narrow AI can fail in unpredictable ways if it goes beyond its limits.</li><li>Some Examples of Narrow AI are playing chess, purchasing suggestions on e-commerce sites, self-driving cars, speech recognition, and image recognition. </li></ul><p><strong>General AI</strong></p><ul><li>General AI is a type of intelligence that could perform any intellectual task with efficiency like a human.</li><li>The idea behind the general AI is to make such a system that could be smarter and think like a human on its own.</li><li>It is currently a hypothetical concept, and we don’t yet have any real-world examples of this type of AI.</li></ul><p><strong>Super AI</strong></p><ul><li>Super AI is a level of Intelligence of Systems at which machines could surpass human intelligence, and can perform any task better than humans with cognitive properties. It is an outcome of general AI.</li><li>Super AI is still a hypothetical concept of Artificial Intelligence. The development of such systems in real is still world changing task.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="artificial-intelligence--type-2-based-on-functionality">Artificial Intelligence — Type 2: Based on Functionality<a href="#artificial-intelligence--type-2-based-on-functionality" class="hash-link" aria-label="Direct link to Artificial Intelligence — Type 2: Based on Functionality" title="Direct link to Artificial Intelligence — Type 2: Based on Functionality">​</a></h3><p><strong>Reactive Machines</strong></p><ul><li>Purely reactive machines are the most basic types of Artificial Intelligence.</li><li>Such AI systems do not store memories or past experiences for future actions.</li><li>These machines only focus on current scenarios and react to them as per the possible best action.</li><li>Examples: IBM’s Deep Blue system, Google’s AlphaGo</li></ul><p><strong>Limited Memory</strong></p><ul><li>Limited memory machines can store past experiences or some data for a short period of time.</li><li>These machines can use stored data for a limited time period only.</li><li>Self-driving cars are one of the best examples of Limited Memory systems. These cars can store the recent speed of nearby cars, the distance of other cars, the speed limit, and other information to navigate the road.</li></ul><p><strong>Theory Of Mind</strong></p><ul><li>Theory of Mind AI should understand human emotions, people, and beliefs, and be able to interact socially like humans.</li><li>This type of AI machine is still not developed, but researchers are making lots of efforts and improvements for developing such AI machines.</li></ul><p><strong>Self-Awareness</strong></p><ul><li>Self-awareness AI is the future of Artificial Intelligence. These machines will be super intelligent and will have their own consciousness, sentiments, and self-awareness.</li><li>These machines will be smarter than the human mind.</li><li>Self-Awareness AI does not exist in reality still and it is a hypothetical concept.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Artificial intelligence has come a long way since the early days of rule-based systems, and its evolution shows no signs of slowing down. With ongoing research and development, the potential applications of AI are vast and ever-expanding.</p><p>If you enjoy reading stories on similar topics then do <a href="https://medium.com/@nidhiworah02/subscribe" target="_blank" rel="noopener noreferrer">follow</a> the account. Let me know your thoughts below</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/artificial-intelligence">Artificial Intelligence</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/machine-learning">Machine Learning</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-science">Data Science</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/mental-model/index.html b/blog/tags/mental-model/index.html index fdb687d6..f7ed711f 100644 --- a/blog/tags/mental-model/index.html +++ b/blog/tags/mental-model/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Mental Model&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Mental Model&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/mind-benders/index.html b/blog/tags/mind-benders/index.html index 5c6930d5..ade38a4d 100644 --- a/blog/tags/mind-benders/index.html +++ b/blog/tags/mind-benders/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;mind-benders&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;mind-benders&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/nvidia/index.html b/blog/tags/nvidia/index.html index 15eb4715..853721ae 100644 --- a/blog/tags/nvidia/index.html +++ b/blog/tags/nvidia/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;nvidia&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;nvidia&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of cloud gaming, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future."><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Aisu2635.png" alt="Om Hinge" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Aisu2635" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Om Hinge</span></a></div><small class="avatar__subtitle" itemprop="description">Cloud Enthusiast &amp; Gamer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Hey there, fellow gamers! Today, we&#x27;re diving into the fascinating world of <strong>cloud gaming</strong>, a technology that&#x27;s changing the way we play and enjoy our favorite titles. In this article, we&#x27;ll break down the concept of cloud gaming, its evolution, and its promising future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introduction-to-cloud-gaming">Introduction to Cloud Gaming<a href="#introduction-to-cloud-gaming" class="hash-link" aria-label="Direct link to Introduction to Cloud Gaming" title="Direct link to Introduction to Cloud Gaming">​</a></h2><p>Imagine playing high-quality video games without the <em>need</em> for expensive gaming hardware or the hassle of <em>downloading and installing massive game files</em>. That&#x27;s the magic of cloud gaming! It&#x27;s like Netflix for gamers, where you can instantly access and play games over the internet without worrying about hardware requirements.</p><p>Most modern games demand a hefty amount of storage space and powerful hardware to run smoothly. Think about titles like Call of Duty&#x27;s Warzone, which takes up over 1000GB of storage. To play these games with the best experience, you&#x27;d need a high-end PC or gaming console. But what if there was a more affordable alternative?</p><p><img loading="lazy" alt="Cloud Gaming Demonstration by playing Cyberpunk 2077 on mobile" src="/assets/images/image-3c83b87da0f4193ef12ce76473b76e07.png" width="433" height="229" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="how-cloud-gaming-works">How Cloud Gaming Works<a href="#how-cloud-gaming-works" class="hash-link" aria-label="Direct link to How Cloud Gaming Works" title="Direct link to How Cloud Gaming Works">​</a></h2><p><img loading="lazy" alt="Cloud Gaming flow" src="/assets/images/image2-71b6f0bc3eb608f73a3c0b0b1fcf5aaf.png" width="800" height="400" class="img_ev3q"></p><p>Cloud gaming operates within the realm of cloud computing. Instead of storing game files on your local device, they&#x27;re hosted and processed on powerful remote servers in data centers. Here&#x27;s how it works in a nutshell:</p><ul><li><p><strong>Remote Servers</strong>: Powerful servers host and run the games, eliminating the need for you to download and install them on your device.</p></li><li><p><strong>Streaming Gameplay</strong>: Similar to streaming services like Netflix, cloud gaming sends a video stream of the gameplay over the internet to your device.</p></li><li><p><strong>Input Control</strong>: Your inputs (the buttons you press and the moves you make) are sent to the server, where the game responds accordingly. This allows you to play even on low-end devices.</p></li></ul><p>While cloud gaming offers incredible convenience, it&#x27;s important to note that it can introduce some input lag, depending on factors like your internet connection stability and the distance between you and the server.</p><p><em>Cloud Gaming is one of the Best Examples to showcase the power of Cloud Computing.</em></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-history-and-future-of-cloud-gaming">The History and Future of Cloud Gaming<a href="#the-history-and-future-of-cloud-gaming" class="hash-link" aria-label="Direct link to The History and Future of Cloud Gaming" title="Direct link to The History and Future of Cloud Gaming">​</a></h2><p>In the past, cloud gaming faced numerous challenges, including network issues. Google&#x27;s attempt with Google Stadia was ambitious but struggled due to connectivity problems. Other giants like Amazon and Microsoft also entered the arena with Amazon Luna and Xbox cloud gaming.</p><p>However, the future of cloud gaming looks bright, especially in countries like India. Gaming is growing rapidly, and cloud gaming provides an affordable platform for those unable to invest in high-end gaming hardware. The potential to earn rewards through gaming is also on the rise, further boosting its popularity.</p><p>The primary challenge facing cloud gaming today is network-related issues, but providers are actively working on solutions to make it accessible to more users.</p><p>We can say Cloud Gaming was just the first step for the cloud computing service to even non-tech users. Google is developing &amp; testing Cloud Quantum computing so that one day everyone can access the Incredible power of Quantum computers without the need for a quantum rig, which might be bigger than most of our houses.</p><p><img loading="lazy" alt="cloud quantum computing" src="/assets/images/image3-b19f0a908a4a95fe6596e31a03295ba3.png" width="4100" height="2293" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="advantages-and-drawbacks-of-cloud-gaming">Advantages and Drawbacks of Cloud Gaming<a href="#advantages-and-drawbacks-of-cloud-gaming" class="hash-link" aria-label="Direct link to Advantages and Drawbacks of Cloud Gaming" title="Direct link to Advantages and Drawbacks of Cloud Gaming">​</a></h2><p>Cloud gaming offers several advantages, including:</p><ul><li><p><strong>Universal Platform</strong>: You can play games on any device with an internet connection, from consoles to smartphones.</p></li><li><p><strong>Cost-Efficiency</strong>: No need for expensive hardware, as the processing is done on remote servers.</p></li><li><p><strong>Portability</strong>: Play on the go without worrying about installation and setup.</p></li></ul><p>However, it&#x27;s not without its drawbacks:</p><ul><li><p><strong>Internet Dependency</strong>: A stable internet connection is crucial for a smooth experience.</p></li><li><p><strong>Input Lag</strong>: Some games may suffer from input delay due to server processing.</p></li><li><p><strong>Limited Awareness</strong>: Many people are still unaware of cloud gaming, and few providers exist compared to traditional gaming options.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="current-status-of-cloud-gaming">Current Status of Cloud Gaming<a href="#current-status-of-cloud-gaming" class="hash-link" aria-label="Direct link to Current Status of Cloud Gaming" title="Direct link to Current Status of Cloud Gaming">​</a></h2><p>Several cloud gaming services are making waves in the industry:</p><ul class="contains-task-list containsTaskList_mC6p"><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>Nvidia GeForce Now</strong>: This service is known for its low system requirements, compatibility with various devices, and a free trial period.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>XBox Game Cloud</strong>: Known for Various game titles for free to play in the subscription of Game Pass.</li><li class="task-list-item"><input type="checkbox" checked="" disabled=""> <strong>JioGames Cloud</strong>: Building the Cloud gaming culture &amp; infrastructure in India at a reasonable rate.</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="is-cloud-gaming-worth-it">Is Cloud Gaming Worth It?<a href="#is-cloud-gaming-worth-it" class="hash-link" aria-label="Direct link to Is Cloud Gaming Worth It?" title="Direct link to Is Cloud Gaming Worth It?">​</a></h2><p>While cloud gaming shows immense potential, it&#x27;s still in its early stages. Input lag and connectivity issues can be frustrating, especially for competitive gamers. Traditional gaming setups remain a popular choice. However, as technology advances, cloud gaming has the potential to become the future of gaming in the coming decade.</p><p>In conclusion, cloud gaming is a game-changer with the potential to democratize gaming by making it accessible to more players. As it evolves and overcomes its current challenges, we can expect cloud gaming to reshape the gaming landscape in the near future.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="references">References:<a href="#references" class="hash-link" aria-label="Direct link to References:" title="Direct link to References:">​</a></h2><ul><li><a href="https://www.nvidia.com/en-us/geforce-now/" target="_blank" rel="noopener noreferrer">Nvidia GeForce Now</a></li><li><a href="https://en.wikipedia.org/wiki/PlayStation_Now" target="_blank" rel="noopener noreferrer">PlayStation Now</a></li><li>~Google Stadia~ (closed right now)</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud">cloud</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/gaming">gaming</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cyberpunk">cyberpunk</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/nvidia">nvidia</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/open-source/index.html b/blog/tags/open-source/index.html index ec8f1ed3..0f6269f2 100644 --- a/blog/tags/open-source/index.html +++ b/blog/tags/open-source/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;open-source&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;open-source&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/open/index.html b/blog/tags/open/index.html index 336ace13..262b4bc0 100644 --- a/blog/tags/open/index.html +++ b/blog/tags/open/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;open&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;open&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/react-js/index.html b/blog/tags/react-js/index.html index f6b78e0e..6188084c 100644 --- a/blog/tags/react-js/index.html +++ b/blog/tags/react-js/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;ReactJs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;ReactJs&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/resonsiveness/index.html b/blog/tags/resonsiveness/index.html index 00ae1abe..476adee8 100644 --- a/blog/tags/resonsiveness/index.html +++ b/blog/tags/resonsiveness/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Resonsiveness&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Resonsiveness&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/social/index.html b/blog/tags/social/index.html index 17fcc4b5..97cd8ade 100644 --- a/blog/tags/social/index.html +++ b/blog/tags/social/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;social&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;social&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="About Rotaract Club of TCET"><meta itemprop="keywords" content="cultural,social,community,editorial"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-15T00:00:00.000Z" itemprop="datePublished">April 15, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/NikitaSShukla.png" alt="Nikita Shukla" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/NikitaSShukla" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Nikita Shukla</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Lead | Ex-Chairperson HRD @RCTCET</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Are you one of those engineers who are just engrossed in academics and is looking to do something more than that in your college days? Rotaract Club of TCET is one of the perfect choices to go for. I f you are searching to participate in something interesting where you can develop yourself and volunteer as well, you are at the correct place. To know more continue reading this blog.</p></blockquote><h1>‘Boldly Going: Rotaract Club of TCET &#x27;</h1><p><img loading="lazy" alt="RCTCET" src="/assets/images/RCTCET-88117ce8c71f5cea6c3adc4891094210.png" width="2000" height="1600" class="img_ev3q"></p><blockquote><p><em>&quot;The purpose of life is to live it, to taste experience to the utmost, to reach out eagerly and without fear for newer and richer experience.&quot;</em> </p><p><em>-Eleanor Roosevelt</em></p></blockquote><p>Whether you&#x27;re a musician, artist, athlete, writer, or simply someone who loves trying new things, Rotaract Club of TCET offers a welcoming and inclusive community where you can connect with like-minded individuals and pursue your passions. From workshops and classes to group outings and events, RCTCET provides a variety of opportunities for personal growth, skill development, and social interaction. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="types-of-projects--events-conducted-in-rctcet">Types of Projects &amp; Events conducted in RCTCET<a href="#types-of-projects--events-conducted-in-rctcet" class="hash-link" aria-label="Direct link to Types of Projects &amp; Events conducted in RCTCET" title="Direct link to Types of Projects &amp; Events conducted in RCTCET">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-volunteering">1. Volunteering<a href="#1-volunteering" class="hash-link" aria-label="Direct link to 1. Volunteering" title="Direct link to 1. Volunteering">​</a></h3><p>Volunteering in community service related projects or events can help you gain practical experience while also contributing to your community.By volunteering, individuals can gain a deeper understanding of community needs and become more empathetic towards others.Community service volunteering activities are a valuable way to give back to the community and make a positive impact on society. They provide individuals with opportunities to engage in meaningful work, develop new skills, build relationships, and gain a sense of personal fulfillment.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="few-volunteering-events">Few volunteering events:<a href="#few-volunteering-events" class="hash-link" aria-label="Direct link to Few volunteering events:" title="Direct link to Few volunteering events:">​</a></h4><ul><li>TechWorld</li>This is a flagship (activities which happens throughout the year) activity where we teach the underprivileged about electronic circuits and create awareness amongst them to pursue Engineering as a career, to mentor younger students for their bright future.</ul><ul><li>Emergency</li>The main aim of conduction of this event is to make our budding Engineers well aware how to perform CPR and give first aid to someone in need.</ul><ul><li>Beach Cleanup</li>Such events are conducted by keeping the welfare of the community and balance of ecosystem in mind. This could be possible only with the contribution of people who are genuinely interested in volunteering. Afterall,&quot;If you concentrate on small, manageable steps you can cross unimaginable distances.&quot;</ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-space-to-socialize">2. Space to Socialize<a href="#2-space-to-socialize" class="hash-link" aria-label="Direct link to 2. Space to Socialize" title="Direct link to 2. Space to Socialize">​</a></h3><p>Joining clubs and organizations is a great way to meet people who share your interests such as sports, music, etc. It is an amazing platform to meet new people and develop bonding. Remember, socializing in college can be challenging at first, but it&#x27;s important to step out of your comfort zone and take advantage of opportunities to meet new people. Be yourself, have fun, and enjoy the college experience! We have fun Club Service (Avenue) Events which promotes students to know each other irrespective of their branches and to have fun together releasing the academic exhaustion aside.</p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="examples-of-such-socializing-events">Examples of such socializing events:<a href="#examples-of-such-socializing-events" class="hash-link" aria-label="Direct link to Examples of such socializing events:" title="Direct link to Examples of such socializing events:">​</a></h4><div><ul><li>Sunday Funday</li><li>Treasure Hunt</li><li>Movie Night</li><li>Badminton Tournament</li><li>Kick it!(Football Tournament)</li></ul></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-space-to-express-creativity">3. Space to express creativity<a href="#3-space-to-express-creativity" class="hash-link" aria-label="Direct link to 3. Space to express creativity" title="Direct link to 3. Space to express creativity">​</a></h3><p>Rotaract Club of TCET provides a cavity to students where they can express their artistic or literary talents. Members can explore different genres of writing, such as poetry, fiction, creative nonfiction, and screenwriting. They can also participate in writing prompts and exercises, which can help them generate new ideas and experiment with different writing styles. Students can showcase their work through public readings and publications. For our members possessing artistic talent, be it in the form of paper or digitalized form of art they can contribute by means of Digital Communication. They can learn, grow and experiment at the same time. For individuals who love to capture beautiful moments they can come forward and give their photography skills a boost. People who are good at branding they are welcomed as well where they can fully utilise their Social Media Marketing skills.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-development-of-overall-personality">4. Development of Overall Personality<a href="#4-development-of-overall-personality" class="hash-link" aria-label="Direct link to 4. Development of Overall Personality" title="Direct link to 4. Development of Overall Personality">​</a></h3><p>Participating in co-curricular activities can be extremely beneficial for your personal and professional development. Our club can help you learn about the business side of engineering and develop skills such as project management, leadership, and communication. We often organize events such as pitch competitions, guest speakers, and mentorship programs.</p><p>We conduct events wherein students learn how to develop Interpersonal Skills, they can participate in group activities, attend workshops and seminars on communication and collaboration, practice active listening, and seek feedback from peers and instructors. Building strong interpersonal skills takes time and effort, but it is a valuable investment for future success.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories">5. Last but not the least, it is a platform where you can create amazing memories!<a href="#5-last-but-not-the-least-it-is-a-platform-where-you-can-create-amazing-memories" class="hash-link" aria-label="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!" title="Direct link to 5. Last but not the least, it is a platform where you can create amazing memories!">​</a></h3><p><img loading="lazy" alt="RCevent" src="/assets/images/RCevent-29e8422d8d09cec17bb89368b957eb22.jpg" width="1500" height="1000" class="img_ev3q"></p><blockquote><p><em>&quot;Education is not just about academics. It&#x27;s about building character, improving one&#x27;s personality, and becoming a better human being.&quot;</em> </p><p><em>- Sudha Murty</em></p></blockquote><p>Joining RCTCET can create can create amazing memories for students. It is a complete new experience where you can participate in different kinds of fun events. Opportunities to travel together, whether it&#x27;s a weekend camping trip or a day trip to a nearby city the experience is wonderful. Volunteering for a social cause develops a sense of responsibility in young individuals. Competing with your peers gives you confidence to do better than before. Sharing same interests with someone new helps you create memorable experiences. College days are something a student cherishes for life and it is grateful to have a platform as such.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="to-know-more-about-us">To know more about us:<a href="#to-know-more-about-us" class="hash-link" aria-label="Direct link to To know more about us:" title="Direct link to To know more about us:">​</a></h2><p>Visit our <a href="https://www.rctcet.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a> And do follow us <a href="https://www.instagram.com/rc_tcet/?hl=en" target="_blank" rel="noopener noreferrer"><strong>@rc_tcet</strong></a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Remember, co-curricular activities are meant to complement your academic studies. Make sure to balance your time and commitments so that you can excel both academically and personally. Don&#x27;t be afraid to step out of your comfort zone and try something new. Joining a club as Rotaract Club of TCET can be a rewarding and fun experience that creates memories that last a lifetime. Moreover, social clubs can help promote social cohesion and strengthen community ties. They can offer a sense of belonging and provide a platform for individuals to come together and work towards common goals. In short, Rotaract Club of TCET can be a fun and enriching way to connect with others and build community. By joining this club, individuals can expand their horizons, create new friendships, and contribute to a more vibrant and inclusive society.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cultural">cultural</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/social">social</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/community">community</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/editorial">editorial</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/software/index.html b/blog/tags/software/index.html index d1abc486..40b8a554 100644 --- a/blog/tags/software/index.html +++ b/blog/tags/software/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;Software&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/software/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;Software&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="An Introduction to APIs: Unlocking the Power of Integration"><meta itemprop="keywords" content="api,integration"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-10T00:00:00.000Z" itemprop="datePublished">June 10, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Applications and systems rely on smooth communication and data sharing to deliver improved functionality and services in today&#x27;s interconnected digital environment. <strong>Application Programming Interfaces (APIs)</strong> are quite important in this situation. APIs serve as mediators, enabling interoperability, data sharing, and communication between various software programmes. This article will provide you a thorough introduction to APIs and their importance in contemporary software development, whether you&#x27;re a developer, a tech enthusiast, or just interested about the world of APIs.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/api-to-layman-87f159cbade040856e308df80d0e089a.png" style="border:2px solid grey" class="img_ev3q"><center><figcaption>APIs to a layman</figcaption></center></figure></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/api">api</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/integration">integration</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/authentication">authentication</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Introduction to APIs: Unlocking the Power of Integration" href="/blog/introduction-to-api"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--next" href="/blog/tags/software/page/2"><div class="pagination-nav__label">Older Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/software/page/2/index.html b/blog/tags/software/page/2/index.html index 4525ed7b..5edd6a46 100644 --- a/blog/tags/software/page/2/index.html +++ b/blog/tags/software/page/2/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;Software&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/software"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>5 posts tagged with &quot;Software&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/tags/software"><div class="pagination-nav__label">Newer Entries</div></a></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/source/index.html b/blog/tags/source/index.html index 329b6f75..91854ebe 100644 --- a/blog/tags/source/index.html +++ b/blog/tags/source/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;source&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;source&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="General Posting Guidelines"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-01T00:00:00.000Z" itemprop="datePublished">October 1, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="welcome-to-our-first-blog">Welcome to our first blog<a href="#welcome-to-our-first-blog" class="hash-link" aria-label="Direct link to Welcome to our first blog" title="Direct link to Welcome to our first blog">​</a></h2><p>Welcome everyone to TCET Open Source&#x27;s Blog Section. Here, we promote blogging in the student community. Talk about ongoing trends in tech, student life at TCET, and any topic you feel would feel great for this blog.</p><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>This particular blog will have recurring adjustments. Last revised on Oct 1st, 2023.</p></div></div></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about General Posting Guidelines" href="/blog/blog-posting-guidelines"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Cloud Computing: Revolutionizing the Way We Store and Access Data"><meta itemprop="keywords" content="cloud computing,data,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-09T00:00:00.000Z" itemprop="datePublished">April 9, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/himanshu-03.png" alt="Himanshu Agarwal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/himanshu-03" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Himanshu Agarwal</span></a></div><small class="avatar__subtitle" itemprop="description">CEO @ TCET Open Source | 2x Kaggle Expert | Software Developer | Data Analyst</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>This Blog talks about the emerging trends in Cloud computing, and also gives a gist about the term Cloud Computing and its impact in leveraging businesses and individuals. The cloud has the ability to streamline and improve a variety of processes. From understanding the meaning of cloud computing model to discussing various characteristics, this blog will be your one-stop-shop for all things cloud computing. So, fasten your seatbelts and let&#x27;s dive into the exciting world of the cloud together!!</p></blockquote><br><h1>What is Cloud Computing ?</h1><p>Cloud computing is a way of using current technology where we can access and use internet-based services and storage to manage, process, and store data and information, instead of having to have it all on your own personal device or computer. </p><p>We can think of it like having access to a giant computer in the sky that we can use to do our work, store our files, and run our applications, without having to worry about the technical details or maintenance of the underlying hardware and software. This makes it easier and more convenient for us to access our data and resources from anywhere in the world, as long as we have an internet connection.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-take-a-look-at-some-intriguing-features-of-cloud-computing">Let&#x27;s take a look at some intriguing features of Cloud Computing!!<a href="#lets-take-a-look-at-some-intriguing-features-of-cloud-computing" class="hash-link" aria-label="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!" title="Direct link to Let&#x27;s take a look at some intriguing features of Cloud Computing!!">​</a></h2><br><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🛠️ On-Demand Self-Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>With cloud computing, we can provision computing services, like server time and network storage, automatically. No communication with the service provider will be necessary. Customers of cloud services can view their cloud services, track their usage, and provision and de-provision services by logging into their cloud accounts through a web self-service portal.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>💻 Broad Network Access</b></summary><div><div class="collapsibleContent_i85q"><div><p>Broad network connectivity is another crucial aspect of cloud computing. Through a network and on portable devices like smartphones, tablets, laptops, and desktop PCs, we can access cloud services. A private cloud employs a local area network, whereas a public cloud uses the internet. Broad network access and cloud computing both rely heavily on latency and bandwidth since they have an impact on service quality.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>📝 Resource Pooling</b></summary><div><div class="collapsibleContent_i85q"><div><p>With resource pooling, multiple customers can share physical resources using a multi-tenant model. Based on demand, this model distributes and redistributes real and virtual resources. Customers can share the same applications or infrastructure with multi-tenancy while still retaining their privacy and security. Customers may be able to designate the location of their resources at a higher level of abstraction, such as a country, state, or data centre, even though they won&#x27;t know the precise location of their resources. Customers can pool a variety of resources, including memory, computing power, and bandwidth.</p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>🔗 Rapid Elasticity</b></summary><div><div class="collapsibleContent_i85q"><div><p>Cloud services can be elastically provisioned and released, sometimes automatically, so customers can scale quickly based on demand, thus making it highly scalable. The capabilities available for provisioning are practically unlimited. Customers can use these features whenever they want and in whatever amount. Customers can scale cloud capacity, cost, and usage without incurring additional contracts or charges. We won&#x27;t need to acquire computer hardware thanks to quick elasticity. </p></div></div></div></details><details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary><b>⚙️ Measured Service</b></summary><div><div class="collapsibleContent_i85q"><div><p>A metering capability in cloud systems optimises resource utilisation at an abstraction level appropriate for the type of service. For storage, processing, bandwidth, and users, for instance, we can utilise a metered service. A pay-for-what-you-use model is used to base payments on the customer&#x27;s actual consumption. Consumers and service providers benefit from a transparent experience that is created by monitoring, managing, and reporting resource use.</p></div></div></div></details><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-have-a-look-at-some-of-the-most-used-cloud-storage-services">Lets have a look at some of the most used Cloud Storage Services<a href="#lets-have-a-look-at-some-of-the-most-used-cloud-storage-services" class="hash-link" aria-label="Direct link to Lets have a look at some of the most used Cloud Storage Services" title="Direct link to Lets have a look at some of the most used Cloud Storage Services">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Most Used Cloud Storage Services" src="/assets/images/most-used-cloud-storage-services-56caeaf20934163f276dc7a4eb3619b0.png" width="1233" height="849" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Most used Cloud Storage Services</em></td></tr></tbody></table><p>Google Drive is by far the most popular cloud storage service in the world, with an use rate of <strong>94.44 percent</strong>. The finest cloud storage for collaboration, Dropbox, is in second position with a still-impressive <strong>66.2 percent</strong>, followed by <a href="https://www.microsoft.com/en-in/microsoft-365/onedrive/online-cloud-storage" target="_blank" rel="noopener noreferrer"><strong>OneDrive</strong></a> <strong>(39.35 percent)</strong> and <a href="https://www.icloud.com/" target="_blank" rel="noopener noreferrer"><strong>iCloud</strong></a> <strong>(38.89 percent)</strong>. Additionally popular cloud storage providers include <a href="https://mega.io/" target="_blank" rel="noopener noreferrer"><strong>MEGA</strong></a> <strong>(5.09 percent)</strong>, <a href="https://www.box.com/" target="_blank" rel="noopener noreferrer"><strong>Box</strong></a> <strong>(4.17 percent)</strong>, and <a href="https://www.pcloud.com/" target="_blank" rel="noopener noreferrer"><strong>pCloud</strong></a> <strong>(1.39%)</strong>, all of which made our list of the top cloud storage services.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="statistics-on-cloud-service-providers">Statistics on Cloud Service Providers<a href="#statistics-on-cloud-service-providers" class="hash-link" aria-label="Direct link to Statistics on Cloud Service Providers" title="Direct link to Statistics on Cloud Service Providers">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Stats on Cloud Service Providers" src="/assets/images/cloud-provider-market-share-trend-250cce2abe0dc96085a0300e9c4a4480.jpg" width="756" height="490" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Stats on Cloud Service Providers</em></td></tr></tbody></table><p>AWS still holds over a third of the cloud services market:</p><ul><li>In Q2 2022, <a href="https://aws.amazon.com/" target="_blank" rel="noopener noreferrer"><strong>AWS</strong></a> commanded <strong>34%</strong> of the cloud market, a <strong>1%</strong> increase year-over-year. <a href="https://azure.microsoft.com/en-in" target="_blank" rel="noopener noreferrer"><strong>Azure</strong></a> is second with <strong>21%</strong> of the market, followed by <a href="https://cloud.google.com/" target="_blank" rel="noopener noreferrer"><strong>Google Cloud</strong></a> <strong>(10%)</strong>, <a href="https://in.alibabacloud.com/en" target="_blank" rel="noopener noreferrer"><strong>Alibaba</strong></a> <strong>(5%)</strong>, and <a href="https://www.ibm.com/cloud" target="_blank" rel="noopener noreferrer"><strong>IBM</strong></a> <strong>(4%)</strong>.</li><li>Amazon&#x27;s revenue from AWS grew from <strong>5.62</strong> in 2014 to <strong>13.24%</strong> in 2021.</li><li>The survey also showed the cloud market continues to grow <strong>34%</strong> year-over-year.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>FunFact</div><div class="admonitionContent_S0QG"><p>It took Netflix seven years to migrate to AWS</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="some-drawbacks-to-have-a-look-upon">Some drawbacks to have a look upon<a href="#some-drawbacks-to-have-a-look-upon" class="hash-link" aria-label="Direct link to Some drawbacks to have a look upon" title="Direct link to Some drawbacks to have a look upon">​</a></h2><br><table><thead><tr><th align="center"><img loading="lazy" alt="Drawbacks of Cloud Computing" src="/assets/images/drawback-be09b82a7aa33d85e129fefeda9c3125.jpg" width="740" height="459" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Drawbacks of Cloud Computing</em></td></tr></tbody></table><p>According to cybersecurity experts, the most pressing cloud security challenges are misconfiguration of the cloud infrastructure <strong>(68 percent)</strong>; unauthorized access <strong>(58 percent)</strong>; insecure API <strong>(52 percent)</strong>; accounts, services or traffic hijacking <strong>(50 percent)</strong> and external data sharing <strong>(43 percent)</strong>.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you are interested in finding out more about cloud security, we have an <a href="https://www.cloudwards.net/cloud-security/" target="_blank" rel="noopener noreferrer">excellent article detailing cloud security measures</a> for cloud storage services.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><ul><li>In conclusion, cloud computing has become an increasingly popular and indispensable tool for businesses and organizations of all sizes. With its ability to provide on-demand access to a wide range of computing resources, including storage, computing power, and applications, it has transformed the way organizations operate and has unlocked new opportunities for innovation and growth.</li><li>The cloud offers many benefits, including cost savings, scalability, increased efficiency, and improved security. As more and more businesses adopt cloud computing, it is likely that this trend will continue to grow, driving further innovation and enabling organizations to do more with less.</li><li>However, while the benefits of cloud computing are clear, there are also challenges that must be addressed, such as ensuring data security, managing vendor lock-in, and ensuring reliable performance.</li><li>Despite these challenges, the future of cloud computing looks bright, with advancements in areas such as artificial intelligence, machine learning, and the Internet of Things set to further drive its growth and revolutionize the way businesses operate.</li></ul><p>In short, cloud computing is here to stay, and its impact on the business world will only continue to grow in the years to come.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cloud-computing">cloud computing</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Breaking The Ice - Open Source"><meta itemprop="keywords" content="free,open,source,software"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-07T00:00:00.000Z" itemprop="datePublished">April 7, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/vish-rt.png" alt="Vishal Rawat" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/vish-rt" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Vishal Rawat</span></a></div><small class="avatar__subtitle" itemprop="description">Co-creator &amp; Chief Technical Officer of TCET Open Source</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Project management is a wild way to make sure things are progressing as they should. There is a project management technique for everything. Well, almost everything. I haven&#x27;t found a project managing concept to overcome my feelings of procrastination. Someone might create it one day.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-really-is-open-source">What really <em>is</em> Open Source?<a href="#what-really-is-open-source" class="hash-link" aria-label="Direct link to what-really-is-open-source" title="Direct link to what-really-is-open-source">​</a></h2><p>If you&#x27;re the engineering type of person that tackles humanity&#x27;s problems and urgent needs by bringing together an entire community and building a &quot;project&quot; with them, you&#x27;ll want to know about <strong>Open source</strong>. Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation. </p><p>Here it is again in bigger letters, for impact:</p><blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation">Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.<a href="#open-source-refers-to-a-philosophy-of-software-development-that-emphasizes-collaboration-transparency-and-community-driven-innovation" class="hash-link" aria-label="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation." title="Direct link to Open source refers to a philosophy of software development that emphasizes collaboration, transparency, and community-driven innovation.">​</a></h3></blockquote><p>And now you know what open source is. <em>In theory, this blog post could be done!</em></p><hr><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="beyond-the-marketing-standpoint">Beyond the marketing standpoint<a href="#beyond-the-marketing-standpoint" class="hash-link" aria-label="Direct link to Beyond the marketing standpoint" title="Direct link to Beyond the marketing standpoint">​</a></h3><p>Technology is a concept which is ever-changing in how it is defined, its magnitude and how we as engineers develop it. In the world of technology we always find &quot;buzz words&quot; which reflect the recent advancements which are so efficient that they are slowly brought within the industry as a standard way of working on projects, as a team.</p><p>One such &quot;buzz word&quot; in the area of software development and project management is open source. Open source is a way of working on a software typically developed in a public, collaborative manner, with the source code made freely available to anyone who wants to use, modify, or distribute it. The term &quot;open source&quot; was coined in 1998 by a group of people in the software industry who wanted to create a new model of software development that was more collaborative and community-driven.</p><p>Open source software is often developed and maintained by a community of volunteers and contributors, who work together to improve the software and fix bugs. Consider your <strong>homework</strong>: a dry document which contains things here and there which you know is very incomplete. If you have a good enough personality <em>(which I don&#x27;t)</em>, you send this document to all your classmates who start doing bits of your homework.</p><p><em>The result?</em> A fine specimen of a document which the entire class can show to your teachers for great marks! What you just did here was open sourcing your homework and let your student community work on it to create a more appealing document which is now complete.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="but-open-source-doesnt-stop-there">But open source doesn&#x27;t stop there<a href="#but-open-source-doesnt-stop-there" class="hash-link" aria-label="Direct link to But open source doesn&#x27;t stop there" title="Direct link to But open source doesn&#x27;t stop there">​</a></h3><p>Imagine your homework to be your project, your classmates to be your community. This community observes your project and suggests various improvements within it. Be it suggesting simple changes of changing the fonts or re-working the already existing complex APIs and queries.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Example of suggestions" src="/assets/images/meme-3f02107546e1509819bbf9cf8f9832fc.jpg" width="677" height="698" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>A simple conversation between a contributor and a project developer</em></td></tr></tbody></table><p>Another way to look at open source can be building the big <strong>Lego City</strong> together, block by block. Everyone can add their own pieces to what has been constructed so far and everyone can see how the city is made. In this way, everyone can make the city better and use it how they want.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Software Engineers" src="/assets/images/budding-062eaa508fb2d9a041277969ac4ae620.jpg" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Budding software engineers collaborating to build their project</em></td></tr></tbody></table><p>Open source is a great way to bring like-minded developers together. Everybody around you, be a fresher student or an industry experienced individual, has had to encounter with open source technologies without even realizing it. From something we daily use like <strong>Android</strong> to <strong>Linux</strong>: the operating system used by many corporates and tech giants, there&#x27;s no saying what the next big thing will be.</p><table><thead><tr><th align="center"><img loading="lazy" alt="Open Source" src="/assets/images/open-8953a127882dbb7f6a3c79eceaa7660e.jpg" width="659" height="499" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Python, Dart, React, MongoDB, even this text box is open source</em></td></tr></tbody></table><p>That&#x27;s about the gist of what I wished to express regarding open source. Surely that&#x27;s not everything but I do look forward to go in-depth into this topic and talk about various different things which excite me! Do look forward to upcoming blogposts and reach me out for any constructive criticism, if any, for the future blogposts.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/free">free</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open">open</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/source">source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">software</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/technology/index.html b/blog/tags/technology/index.html index 66105c82..32a325aa 100644 --- a/blog/tags/technology/index.html +++ b/blog/tags/technology/index.html @@ -3,14 +3,14 @@ <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v2.4.3"> -<title data-rh="true">One post tagged with &quot;Technology&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/technology"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="One post tagged with &quot;Technology&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/technology"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/technology" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/technology" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<title data-rh="true">2 posts tagged with &quot;Technology&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/technology"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="2 posts tagged with &quot;Technology&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/technology"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/technology" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/technology" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Technology&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>2 posts tagged with &quot;Technology&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blockchain - Future of Tommorow"><meta itemprop="keywords" content="Blockchain,Data,Software,Technology,Bitcoin"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-07T00:00:00.000Z" itemprop="datePublished">October 7, 2023</time> · <!-- -->7 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://avatars.githubusercontent.com/u/136115355?…00&amp;u=e75a3214ca24205e70ac923046f3d68e209c0cfc&amp;v=4" alt="Kashish Singh" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kashish-51" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kashish Singh</span></a></div><small class="avatar__subtitle" itemprop="description">Technical Team Member [TSDW-TCET]</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Ever wondered what blockchain is and how it looks? Let&#x27;s explore the realm of blockchain together. This blog focuses on the basics of blockchain technology along with its applications. In this evolving era, it is important to understand this technology because, according to recent research, blockchain has the potential to reshape the future and the way we perceive it.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/blockchain">Blockchain</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/software">Software</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Blockchain - Future of Tommorow" href="/blog/intro-to-blockchain"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/terminal/index.html b/blog/tags/terminal/index.html index 1f6eff80..511315d9 100644 --- a/blog/tags/terminal/index.html +++ b/blog/tags/terminal/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;terminal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;terminal&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/tmai/index.html b/blog/tags/tmai/index.html index bdbc2a23..cc016428 100644 --- a/blog/tags/tmai/index.html +++ b/blog/tags/tmai/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tmai&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>3 posts tagged with &quot;tmai&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/tui/index.html b/blog/tags/tui/index.html index d1662884..2376bf90 100644 --- a/blog/tags/tui/index.html +++ b/blog/tags/tui/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;tui&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;tui&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will understand the basic concept of the linux kernel and it&#x27;s ecosystem in system softwares."><meta itemprop="keywords" content="linux,cli,terminal,tui,opensource"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/linux-basics">Basics of GNU/Linux</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-06T00:00:00.000Z" itemprop="datePublished">October 6, 2023</time> · <!-- -->14 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/demonkillerr.png" alt="Gaurang Vishwakarma" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/demonkillerr" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Gaurang Vishwakarma</span></a></div><small class="avatar__subtitle" itemprop="description">Creator of TCET Open Source</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/saashaspace.png" alt="Saasha Gupta" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/saashaspace" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Saasha Gupta</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Linux is an operating system kernel. It was originally written in 1991 by Linus Torvalds for his personal use, and it was soon adopted as the kernel for the GNU operating system, which was written to be a free (libre) replacement for Unix. </p><p>So, what even is GNU/Linux? What is free software? You must have so many more questions! Through this blog, we will try to understand what is linux, and why it is the most popular operating system in the world.</p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/linux">linux</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cli">cli</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/terminal">terminal</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tui">tui</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Basics of GNU/Linux" href="/blog/linux-basics"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/virtaul-dom/index.html b/blog/tags/virtaul-dom/index.html index 01f37102..dbf9fb97 100644 --- a/blog/tags/virtaul-dom/index.html +++ b/blog/tags/virtaul-dom/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Virtaul DOM&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Virtaul DOM&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Why React JS is the Future of Web Development"><meta itemprop="keywords" content="ReactJs,JSX,Virtaul DOM,Frontend"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-10T00:00:00.000Z" itemprop="datePublished">April 10, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><b>As</b> technology continues to evolve, web development has become an increasingly important field, and front-end frameworks such as ReactJS have emerged as crucial tools for building dynamic, user-friendly websites. Whether you are just starting out with web development or are looking to enhance your existing skills, I hope that you will find valuable insights and tips within these pages. So sit back, grab a cup of coffee, and join me on our journey through the exciting world of ReactJS!</blockquote><br><table><thead><tr><th align="center"><img loading="lazy" alt="“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs" src="/assets/images/reactjs-c0e8ca45355fd1d3795bac16f3a9d5ba.png" width="1600" height="900" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs</em></td></tr></tbody></table><br><h1>What is React JS?</h1><p>React JS is nothing but a java script library that helps the developers in creating reusable UI components there by increasing the efficiency of code. When making dynamic websites React JS is proven to be more effective than Vanilla JS, and hence it has become a popular choice for building fast and scalable single-page applications. In simple terms, ReactJS helps make web development more efficient, organized, and dynamic.</p><h1>Characteristic Features of React JS that makes it more versatile and Popular</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Features of ReactJS" src="/assets/images/characteristics-125cdd46a3b8383771d4052fb7c4840b.png" width="1246" height="848" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Features of ReactJS</em></td></tr></tbody></table><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-virtual-dom">1. Virtual DOM<a href="#1-virtual-dom" class="hash-link" aria-label="Direct link to 1. Virtual DOM" title="Direct link to 1. Virtual DOM">​</a></h2><p>In traditional web development, when changes are made to a web page, the entire page needs to be re-rendered, which can be slow and time-consuming. The Virtual DOM solves this issue by creating a virtual representation of the web page in memory so when changes are made, ReactJS updates the virtual DOM instead of the actual page, which is much faster. Then, ReactJS compares the virtual DOM to the actual page and updates only the parts that have changed, rather than the entire page. This makes the updates and rendering process much faster and more efficient, improving the overall user experience of the web application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-reusable-components">2. Reusable Components<a href="#2-reusable-components" class="hash-link" aria-label="Direct link to 2. Reusable Components" title="Direct link to 2. Reusable Components">​</a></h2><p>ReactJS uses a component-based architecture, which means that the user interface is built using reusable components. Each component is a self-contained unit that handles a specific task or displays a specific piece of information, we can say that each components are independent. This makes the code more organized and easier to maintain, as well as reducing the amount of redundant code.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-community">3. Community<a href="#3-community" class="hash-link" aria-label="Direct link to 3. Community" title="Direct link to 3. Community">​</a></h2><p>React has a vast and supportive community of developers who are constantly contributing new features and tools. React is open-source, meaning that anyone can contribute to the development of the library by fixing bugs, adding new features, or improving existing ones.</p><blockquote><p><a href="https://github.com/facebook/react" target="_blank" rel="noopener noreferrer"><em>Link to contribute to the React Library</em></a></p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-jsx">4. JSX<a href="#4-jsx" class="hash-link" aria-label="Direct link to 4. JSX" title="Direct link to 4. JSX">​</a></h2><p>JSX stands for JavaScript XML. It is a syntax extension for JavaScript used by ReactJS that allows developers to write HTML-like code within their JavaScript. This makes it easier for users to write and understand the code, as it closely resembles the structure of HTML. This helps to improve the overall development experience by making the code more intuitive and easier to read.</p><p>For example, instead of writing the following code in pure JavaScript to render a simple button:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">createElement</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token literal-property property" style="color:#36acaa">className</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;myButton&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Click Me!&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The same code can be written in JSX as:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">myButton</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Click Me!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-server-side-rendering">5. Server-side Rendering<a href="#5-server-side-rendering" class="hash-link" aria-label="Direct link to 5. Server-side Rendering" title="Direct link to 5. Server-side Rendering">​</a></h2><p>Server-side rendering (SSR) is the process of rendering a web page on the server before sending it to the browser. In the case of React, this means that the React components can be rendered on the server, allowing the browser to receive a fully rendered HTML page, instead of having to wait for JavaScript to execute and render the page on the client side again and again.</p><p>This results in faster initial load times, as the browser doesn’t have to wait for the JavaScript to execute and render the page. Additionally, server-side rendering can improve Search Engine Optimization (SEO), as search engines can better index and understand the content of the page.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-compatibility">6. Compatibility<a href="#6-compatibility" class="hash-link" aria-label="Direct link to 6. Compatibility" title="Direct link to 6. Compatibility">​</a></h2><p>React’s simplicity and straightforward design makes it easy for developers to learn and adopt and it works seamlessly with other libraries and frameworks, such as Redux, allowing developers to create complex and scalable web applications.</p><h1>Comaprison with other Frontend Frameworks</h1><table><thead><tr><th align="center"><img loading="lazy" alt="Popular Web Frameworks" src="/assets/images/chart1-d4f0fed815d934614a0a42789400d9a7.png" width="1042" height="810" class="img_ev3q"></th></tr></thead><tbody><tr><td align="center"><em>Comparison with other frameworks as per the recent survey</em></td></tr></tbody></table><blockquote><p>Source: Stack Overflow Developer Survey 2021</p></blockquote><p>From the above survey it can be clearly seen that React JS was named as one on the most commonly used web Framework.</p><p>React’s virtual DOM provides fast updates and rendering compared to traditional DOM manipulation. Angular and Vue also have optimized updates, but they may not be as fast as React’s virtual DOM.</p><p>Also, React is known for its simplicity and minimalistic approach, making it relatively easy to learn and get started with. Angular, on the other hand, has a steeper learning curve due to its more complex architecture. Vue falls somewhere in between, offering a more accessible learning experience as compared to Angular.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can see more detailed insights of React JS on their <a href="https://reactjs.org/" target="_blank" rel="noopener noreferrer"><strong>Official Website</strong></a></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>In conclusion, React is the future of web development, offering a robust set of features and tools that make it easy to build high-performing, scalable, and maintainable web applications. Its simplicity, performance, and compatibility with other technologies make it an excellent choice for modern web development.</p></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/react-js">ReactJs</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/jsx">JSX</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/virtaul-dom">Virtaul DOM</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/frontend">Frontend</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/web-crawling/index.html b/blog/tags/web-crawling/index.html index 765b8743..5b36df28 100644 --- a/blog/tags/web-crawling/index.html +++ b/blog/tags/web-crawling/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;web crawling&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;web crawling&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. It allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about Web Crawling, A Beginner’s Perspective on Data Extraction" href="/blog/web-crawling"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/web-design/index.html b/blog/tags/web-design/index.html index ccd5756c..fa1fe495 100644 --- a/blog/tags/web-design/index.html +++ b/blog/tags/web-design/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,9 +20,9 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Web Design&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Web Design&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Understanding Design and Converting it into Code"><meta itemprop="keywords" content="Web Design,HTML,CSS,Mental Model,Resonsiveness"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-04-12T00:00:00.000Z" itemprop="datePublished">April 12, 2023</time> · <!-- -->10 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/JayeshVP24.png" alt="Jayesh Potlabattini" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/JayeshVP24" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Jayesh Potlabattini</span></a></div><small class="avatar__subtitle" itemprop="description">Ex-Web Team Lead | Typescript Enthusiast | Full Stack Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><p>Web designing (the HTML &amp; CSS part, not the Figma Part) can be a real pain if we don’t understand the design system/rules/procedure it uses. Even after watching HTML and CSS tutorials, we can still struggle to design anything in web. But, after having a decent <strong>understanding of divisions</strong> into <strong>rows</strong> and <strong>columns</strong> and learning about <strong>display properties and positioning</strong> in detail, you we can have some confidence to <strong>turn any Figma design to HTML and CSS</strong>. This is not a tutorial on HTML &amp; CSS but a comprehensive usage of them. By reading this blog, I hope you can get the confidence and create the <strong>Mental Model of Web Design in your Brain</strong> ✨</p><p>This Blog also serves as a very precise summary of long web design bootcamp I took with <a href="https://twitter.com/genosis_x" target="_blank" rel="noopener noreferrer">**GenosisX Tech Community</a>, <a href="https://www.youtube.com/playlist?list=PLMSrWOO6hvLqdfCkNaQ1GhslVzvKygjU0" target="_blank" rel="noopener noreferrer"><em>watch here</em></a>**</p><blockquote><p>TL;DR: Create proper rows and columns for each block of design, put them into proper semantic tags or <code>&lt;div&gt;</code> tags. Use display flex or grid on them. Then style them properly with the fonts, colors, paddings, margins, borders, backgrounds. Position them properly with position property of CSS. Use responsive features of flex and grid. Done!</p></blockquote><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="prerequisite">Prerequisite<a href="#prerequisite" class="hash-link" aria-label="Direct link to Prerequisite" title="Direct link to Prerequisite">​</a></h2><ul><li>Basic knowledge of HTML and CSS would help, but not necessary.</li><li>That’s It!</li></ul><h1>Guide to Divisions</h1><p>Making proper divisions of design into rows and columns will help you style them better and will make it 100x easier to make them responsive. Let’s get into it. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="visualize-design">Visualize Design<a href="#visualize-design" class="hash-link" aria-label="Direct link to Visualize Design" title="Direct link to Visualize Design">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_1.gif" alt="Visualize Design #1" class="img_ev3q"></p><p>Visualize Design #1</p><ul><li>First think of the separate sections, in this case, there are two, a Header and a Hero section.</li><li>For every block of divisions, first think of sections as in one row or one column, then multiple columns or rows respectively.</li><li>Divisions<ul><li>Here, the whole page is one column which has two rows, Navbar and Hero.</li><li>Then we clearly see, hero is divided into two columns, so hero itself is one row which has two different distinct columns.</li><li>You can try to dig further deep into each div visually.</li></ul></li></ul><p>So based upon the divisions, we can conclude the following code.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="lets-dig-deep">Lets dig deep<a href="#lets-dig-deep" class="hash-link" aria-label="Direct link to Lets dig deep" title="Direct link to Lets dig deep">​</a></h3><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_2.gif" alt="Visualize Design #2" class="img_ev3q"></p><p>Visualize Design #2</p><ul><li>Divisions - Header - a row<ul><li>Img - Logo - First column</li><li>Navbar - Second column</li><li>Button - Third column</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><blockquote><p>Use semantic tags wherever possible, they hold some meaning and are very important for SEO, read this article to learn more about them. <a href="https://www.pluralsight.com/guides/semantic-html" target="_blank" rel="noopener noreferrer">https://www.pluralsight.com/guides/semantic-html</a></p></blockquote><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/visualize_divisions_3.gif" alt="Visualize Design #3" class="img_ev3q"></p><p>Visualize Design #3</p><ul><li>Divisions - Main - a row<ul><li>First Column of Hero Section<ul><li>H1 - Main text - First row</li><li>p - Description text - Second row</li><li>span - Third Row having two buttons<ul><li>Button - First Column</li><li>Button - Second Column</li></ul></li></ul></li><li>Second Column of Hero Section<ul><li>img - First Column</li></ul></li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">bunch of </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> Tags</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Guide to Style them</h1><p>Pat yourself if you reached till here, and understood everything above! Lets go ahead.</p><p>For the next part, I’ll use tailwindcss because it’s easier to explain with. If you know CSS, you basically know tailwindcss. Read this article for a quick introduction, I hope you come back here after reading this. <a href="https://tailwindcss.com/docs/utility-first" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/utility-first</a></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-by-step-linear-process-to-design-anything">Step-by-Step Linear Process to Design Anything!<a href="#step-by-step-linear-process-to-design-anything" class="hash-link" aria-label="Direct link to Step-by-Step Linear Process to Design Anything!" title="Direct link to Step-by-Step Linear Process to Design Anything!">​</a></h2><p>Remember, this is not a hard and fast rule to follow exactly as is. You can add you own flavours to this. Skip steps which are not required. I made this using my personal experience so add modify it if I missed anything. </p><ol><li>Write HTML, using the divisions approach</li><li>Set background color</li><li>Set display - flex (if any child tags)</li><li>Set width - compulsory</li><li>Set height - optional</li><li>set overflow properties</li><li>Set font → size, weight, line height, letter spacing, </li><li>Set text colors → paddings → borders → margins <ol><li>Colors - normal, hover, active any states</li><li>Borders - width/thickness , color, radius, style</li></ol></li><li>Set position (if want to move the element from its position)<ol><li>relative - move it from its current position</li><li>absolute - move it from its <strong>first relative parent</strong> start point (top-0, left-0 of relative parent)</li><li>fixed - move it from windows start point (top-0, left-0 of whole window)</li></ol></li><li>Set z-index - define stack, which element should be above which</li><li>Anything else that suits your design</li></ol><p>This is a linear process, which means you first style the first tag then the second tag then the third tag then the next tag then the next tag and so on!</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First style this #1 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- then this #2 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #3 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #4 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #5 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #6 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">..</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Then this #7 --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- and so on till the last tag --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Main text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Description text...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Order Now</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">body</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="here-comes-the-css">Here comes the CSS<a href="#here-comes-the-css" class="hash-link" aria-label="Direct link to Here comes the CSS" title="Direct link to Here comes the CSS">​</a></h2><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/web_design.png" alt="Web Design Bootcamp Design" class="img_ev3q"></p><p>Web Design Bootcamp Design</p><p>Take a quick look, and we will start with the linear process</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="body---main-page">Body - main page<a href="#body---main-page" class="hash-link" aria-label="Direct link to Body - main page" title="Direct link to Body - main page">​</a></h3><p>We can see that the </p><ul><li>background color is different</li><li>width is full screen</li><li>padding left and right i.e x-axis</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header">Header<a href="#header" class="hash-link" aria-label="Direct link to Header" title="Direct link to Header">​</a></h3><p>Here,</p><ul><li>We see, everything is in one row, so set display as flex</li><li>width is full available space so 100%</li><li>img - logo<ul><li>width of some pixels</li></ul></li><li>navbar<ul><li>width of fit content (automatic)</li><li>font weight is medium i.e 500</li><li>Color is gray for all but black for current one</li></ul></li><li>button<ul><li>background is orange</li><li>text is bold</li><li>longer padding in x-axis, shorted padding in y-axis</li><li>border radius full rounded</li></ul></li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">body</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#f3f3f3] w-[100vw] px-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, whole page --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Row, Header --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-fit text-[#828282] font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">current</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-black</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- if id=&quot;current&quot; then class=&quot;text-black&quot; add this login using javascript --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">How it works</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">nav</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#FF6F1E] w-fit text-white px-4 py-2 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Sign up</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second column --&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">header</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We won’t do the whole design, but this will give you enough idea on how we go about designing and how to follow the linear process which may seem overwhelming but is really easy to follow.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="responsiveness-how-easy-is-it">Responsiveness, how easy is it?<a href="#responsiveness-how-easy-is-it" class="hash-link" aria-label="Direct link to Responsiveness, how easy is it?" title="Direct link to Responsiveness, how easy is it?">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="desktop-first-design-approach">Desktop First Design Approach<a href="#desktop-first-design-approach" class="hash-link" aria-label="Direct link to Desktop First Design Approach" title="Direct link to Desktop First Design Approach">​</a></h3><ul><li>First we design the desktop version of our web app</li><li>Then slowly add rules to make it responsive for tablets then mobile</li><li>Desktop → Tablet → Mobile</li><li>This is not recommended</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-first-design-approach">Mobile First Design Approach<a href="#mobile-first-design-approach" class="hash-link" aria-label="Direct link to Mobile First Design Approach" title="Direct link to Mobile First Design Approach">​</a></h3><ul><li>First we design the mobile version of our web app</li><li>Then slowly add rules to make it responsive for tablets then desktop</li><li>Mobile → Tablet → Desktop</li><li>This is most recommended and used by tailwindcss by default</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="no-media-query-methods">No media query methods<a href="#no-media-query-methods" class="hash-link" aria-label="Direct link to No media query methods" title="Direct link to No media query methods">​</a></h3><ul><li>Set max-widths and min-widths</li><li>Use display flex with flex-wrap, flex-grow, flex-shrink, flex-basis</li><li>Use display grid with grid-template-columns, repeat - autofit, minmax</li><li>You can much deeper with maths to avoid media queries but I feel that much is unnecessary.</li><li>Using some media queries to avoid extreme complexity is always a good idea</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="a-good-example-of-minimum-media-queries">A good example of minimum media queries<a href="#a-good-example-of-minimum-media-queries" class="hash-link" aria-label="Direct link to A good example of minimum media queries" title="Direct link to A good example of minimum media queries">​</a></h3><p><strong><strong>****</strong></strong>The prefix <strong>lg:</strong> is how we use media queries in tailwindcss, refer this* <a href="https://tailwindcss.com/docs/responsive-design" target="_blank" rel="noopener noreferrer">https://tailwindcss.com/docs/responsive-design</a></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg lg:text-xl m-5 lg:m-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Row, Hero section --&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- First Column, Main Text Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">max-w-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ...</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="get-creative-with-positioning">Get Creative with Positioning<a href="#get-creative-with-positioning" class="hash-link" aria-label="Direct link to Get Creative with Positioning" title="Direct link to Get Creative with Positioning">​</a></h2><p>When we want to move some elements from their original position to something else, we use position property.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-positions">CSS Positions<a href="#css-positions" class="hash-link" aria-label="Direct link to CSS Positions" title="Direct link to CSS Positions">​</a></h3><ul><li>Static<ul><li>Default value</li><li>Original position, cannot change it.</li></ul></li><li>Relative<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Moves towards the specified direction from its current position.</li></ul></li><li>Absolute<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the <strong>first relative parents</strong> start coordinates.</li></ul></li><li>Fixed<ul><li>Set explicitly</li><li>Can change position from original using properties - top, left, bottom, right</li><li>Move towards the specified direction from the coordinates of <strong>window (browser tab)</strong> itself</li><li>Does not move on scroll, stays fixed.</li></ul></li></ul><blockquote><p>This article by MDN teaches all positionings perfectly. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/position</a></p></blockquote><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="an-example-of-positioning">An example of positioning<a href="#an-example-of-positioning" class="hash-link" aria-label="Direct link to An example of positioning" title="Direct link to An example of positioning">​</a></h3><p>Lets look at the image which has blocks of elements floating above it.</p><p><img loading="lazy" src="https://ik.imagekit.io/okaydokeymypath/blogs/deep-dive-into-web-design/pizza_design.png" alt="Pizza Design" class="img_ev3q"></p><ul><li>So the concept is we wrap the image in one div</li><li>This div will be set to position: relative</li><li>This div will contain image tag and other elements of those floating blocks</li><li>Don’t change image tag position</li><li>Change position: absolute of all floating elements</li><li>Then set them to their places via top, left, right, bottom</li></ul><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">&lt;!-- Second Column, Main Image Section--&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-24 h-40</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/..</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[30%] right-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-[50%] left-[-10%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bottom-[-15%] right-[12%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">...</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h1>Conclusion</h1><ul><li>Make proper divisions while writing the whole HTML. Visualize and then create rows and columns.</li><li>Write whole HTML of one section then style the whole section using the step by step linear process.</li><li>Position properly and most of it depends on the parents element position property, so make sure you set those correct.</li><li>Learn flex, grid and positions of CSS very thoroughly.</li><li>Learn tailwindcss because it will make your life easier, trust me on this.</li></ul></div><footer class="row docusaurus-mt-lg"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-design">Web Design</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/html">HTML</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/css">CSS</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mental-model">Mental Model</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/resonsiveness">Resonsiveness</a></li></ul></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tags/work/index.html b/blog/tags/work/index.html new file mode 100644 index 00000000..12da15d5 --- /dev/null +++ b/blog/tags/work/index.html @@ -0,0 +1,27 @@ +<!doctype html> +<html lang="en" dir="ltr" class="blog-wrapper blog-tags-post-list-page plugin-blog plugin-id-default" data-has-hydrated="false"> +<head> +<meta charset="UTF-8"> +<meta name="generator" content="Docusaurus v2.4.3"> +<title data-rh="true">One post tagged with &quot;Work&quot; | TCET Open Source</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" name="twitter:image" content="https://opensource.tcetmumbai.in/img/banner.png"><meta data-rh="true" property="og:url" content="https://opensource.tcetmumbai.in/blog/tags/work"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="TCET Open Source" content="Empowering students via Open Source, in Education"><meta data-rh="true" property="og:title" content="One post tagged with &quot;Work&quot; | TCET Open Source"><meta data-rh="true" name="docusaurus_tag" content="blog_tags_posts"><meta data-rh="true" name="docsearch:docusaurus_tag" content="blog_tags_posts"><link data-rh="true" rel="icon" href="/img/favicon.ico?v=3"><link data-rh="true" rel="canonical" href="https://opensource.tcetmumbai.in/blog/tags/work"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/work" hreflang="en"><link data-rh="true" rel="alternate" href="https://opensource.tcetmumbai.in/blog/tags/work" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://QFLBKAUEYJ-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="TCET Open Source RSS Feed"> +<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="TCET Open Source Atom Feed"> + + + +<link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> +</head> +<body class="navigation-with-keyboard"> +<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> +<div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="announcementBar_mb4j" style="background-color:#451d84;color:#ffffff" role="banner"><div class="announcementBarPlaceholder_vyr4"></div><div class="content_knG7 announcementBarContent_xLdY">Hacktober Fest 2023 is started!! <a target="_blank" rel="noopener noreferrer" href="https://www.hacktoberfest-tcetopensource.tech/">Register for the event.</a></div><button type="button" aria-label="Close" class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width="14" height="14"><g stroke="currentColor" stroke-width="3.1"><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path></g></svg></button></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">TCET Open Source</b></a><a class="navbar__item navbar__link" sidebarid="docs" href="/docs/about-tcetopensource">Docs</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> + </svg></a><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Twitter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="22" width="22" xmlns="http://www.w3.org/2000/svg"> + <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> + </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> + <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Work&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="AI Automation Odyssey: Navigating the Future of Work and Innovation"><meta itemprop="keywords" content="AI,Automation,Work,Innovation,Data,Technology"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-13T00:00:00.000Z" itemprop="datePublished">October 13, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/AadilRayeen.png" alt="Aadil Rayeen" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/AadilRayeen" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Aadil Rayeen</span></a></div><small class="avatar__subtitle" itemprop="description">Docs Team Member | AI &amp; ML Enthusiast | Web Developer</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>Artificial Intelligence (AI) is becoming more and more crucial in influencing how we work and live in today&#x27;s quickly changing technology landscape. Automation is one of the most interesting uses of AI because it has the ability to boost productivity, streamline procedures, and usher in a smarter era. We&#x27;ll look at the main aspects of AI automation in this post.</p></blockquote></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">AI</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">Automation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/work">Work</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/innovation">Innovation</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data">Data</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/technology">Technology</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about AI Automation Odyssey: Navigating the Future of Work and Innovation" href="/blog/intro-to-ai-automation"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> +</body> +</html> \ No newline at end of file diff --git a/blog/tags/zero-to-merge/index.html b/blog/tags/zero-to-merge/index.html index 7225068a..7b89dd26 100644 --- a/blog/tags/zero-to-merge/index.html +++ b/blog/tags/zero-to-merge/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Zero-to-Merge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><header class="margin-bottom--xl"><h1>One post tagged with &quot;Zero-to-Merge&quot;</h1><a href="/blog/tags">View All Tags</a></header><article class="margin-bottom--xl" itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Blog on how to get started with open-source"><meta itemprop="keywords" content="open-source,CNCF"><header><h2 class="title_f1Hy" itemprop="headline"><a itemprop="url" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></h2><div class="container_mt6G margin-vert--md"><time datetime="2023-10-10T00:00:00.000Z" itemprop="datePublished">October 10, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Rajdeep1311.png" alt="Rajdeep Pal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Rajdeep1311" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Rajdeep Pal</span></a></div><small class="avatar__subtitle" itemprop="description">Contributor</small></div></div></div></div></header><div class="markdown" itemprop="articleBody"><blockquote><p>CNCF Zero to Merge is a program by the Cloud Native Computing Foundation that helps newcomers make their first open-source contribution. It aims to lower the barrier for people who have never contributed to open source before, especially those from underrepresented groups. This blog summarizes my experience in the first-ever edition of the program</p><br></blockquote><h1>CNCF Zero to Merge - Your first step towards Open-Source</h1><p><img loading="lazy" alt="CNCF LOGO" src="/assets/images/CNCF_Logo-25a8519af09f7f29fe508e734646f913.jpg" width="1663" height="871" class="img_ev3q"></p></div><footer class="row docusaurus-mt-lg"><div class="col col--9"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/open-source">open-source</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/cncf">CNCF</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/zero-to-merge">Zero-to-Merge</a></li></ul></div><div class="col text--right col--3"><a aria-label="Read more about CNCF Zero to Merge - Your first step towards Open-Source" href="/blog/CNCF-Zero-to-Merge"><b>Read More</b></a></div></footer></article><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tmai-april-2023/index.html b/blog/tmai-april-2023/index.html index c06623d5..f24153a9 100644 --- a/blog/tmai-april-2023/index.html +++ b/blog/tmai-april-2023/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,10 +20,10 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - April 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of April 2023 in AI/ML/DS."><meta itemprop="keywords" content="GPT,ai,yolo-nas,hugging -face,tmai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - April 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-05-07T00:00:00.000Z" itemprop="datePublished">May 7, 2023</time> · <!-- -->5 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-apr23-poster-74e12b955d98b100ed101d726ae7229e.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unlock-the-power-of-bingai-experience-the-future-today-">Unlock the Power of BingAI: Experience the Future, Today! <sup id="fnref-1-c1178c"><a href="#fn-1-c1178c" class="footnote-ref">1</a></sup><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="hash-link" aria-label="Direct link to unlock-the-power-of-bingai-experience-the-future-today-" title="Direct link to unlock-the-power-of-bingai-experience-the-future-today-">​</a></h2><p>Microsoft has made Bing AI accessible to the public, eliminating the waitlist requirement. Users can now try out the AI bot by signing in to Bing using their Microsoft account on the Edge browser. The latest update introduces several exciting features powered by OpenAI&#x27;s technologies. </p><p>Also, Bing AI now supports rich &quot;visual answers,&quot; displaying graphs, charts, and formatted content. The Bing Image Creator has been upgraded to support over 100 languages, enabling the generation of AI images based on text prompts and visual examples. Additionally, users can export and share chats, benefit from improved summarization capabilities for long documents, and enjoy actions within Edge for quicker access to relevant content. Microsoft is also developing third-party plug-ins to expand functionality within Bing Chat.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="linkedins-intelligent-assistance-craft-the-perfect-job-application-">LinkedIn&#x27;s Intelligent Assistance: Craft the Perfect Job Application <sup id="fnref-2-c1178c"><a href="#fn-2-c1178c" class="footnote-ref">2</a></sup><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="hash-link" aria-label="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-" title="Direct link to linkedins-intelligent-assistance-craft-the-perfect-job-application-">​</a></h2><p>LinkedIn is reportedly testing an AI-powered feature that provides personalized writing suggestions for job seekers, aiming to help them create tailored job applications. The feature generates short cover letter-like messages using information from the user&#x27;s profile, the hiring manager&#x27;s profile, the job description, and the targeted company. While the AI-generated drafts serve as a starting point, LinkedIn emphasizes the importance of customization and encourages users to review and edit the suggestions to reflect their own voice and style. </p><p>This development builds upon LinkedIn&#x27;s existing AI writing tool for profile creation. The adoption of AI in job application drafting reflects the growing interest in artificial intelligence, with its potential to enhance user experiences and improve outcomes in various industries, including recruitment and career development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision <sup id="fnref-3-c1178c"><a href="#fn-3-c1178c" class="footnote-ref">3</a></sup><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="hash-link" aria-label="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" title="Direct link to yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-">​</a></h2><p>Deci AI, a deep learning firm, has unveiled YOLO-NAS, its latest deep learning model designed for real-time object detection with remarkable performance. Built on Deci&#x27;s Neural Architecture Search Technology, AutoNAC™, YOLO-NAS outperforms other models like YOLOv6, YOLOv7, and YOLOv8, including the recently launched YOLOv8. AutoNAC democratizes Neural Architecture Search, enabling organizations to create customized, fast, accurate, and efficient deep learning models quickly. </p><p>YOLO-NAS delivers superior throughput, achieving 50% more throughput and 1 mAP higher accuracy compared to other YOLO models. It is pre-trained on popular datasets, making it suitable for various real-world applications. The open-source model is available with pre-trained weights for non-commercial research use on Deci&#x27;s PyTorch-based computer vision training library called SuperGradients.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="introducing-starcoder-free-code-generating-assistant-">Introducing StarCoder: Free Code-Generating Assistant <sup id="fnref-4-c1178c"><a href="#fn-4-c1178c" class="footnote-ref">4</a></sup><a href="#introducing-starcoder-free-code-generating-assistant-" class="hash-link" aria-label="Direct link to introducing-starcoder-free-code-generating-assistant-" title="Direct link to introducing-starcoder-free-code-generating-assistant-">​</a></h2><p>Hugging Face and ServiceNow Research have jointly released StarCoder, a free code-generating model that offers an alternative to existing AI systems like GitHub&#x27;s Copilot. StarCoder, part of the BigCode project, was trained on over 80 programming languages and integrates with Microsoft&#x27;s Visual Studio Code editor. Unlike other commercial models, StarCoder is royalty-free and available for use by anyone, including corporations. </p><p>The project aims to develop state-of-the-art AI systems for code generation in an open and responsible manner. StarCoder&#x27;s release comes amidst debates around the use of public source code and licensing agreements for training AI models, with efforts made to address privacy concerns and adhere to ethical best practices.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">Geoffrey Hinton: AI&#x27;s Threat Could Be &#x27;More Urgent&#x27; Than Climate Change <sup id="fnref-5-c1178c"><a href="#fn-5-c1178c" class="footnote-ref">5</a></sup><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="hash-link" aria-label="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" title="Direct link to geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-">​</a></h2><p>In a recent interview, renowned AI pioneer Geoffrey Hinton expressed his concerns that the threat posed by artificial intelligence (AI) to humanity could be even more urgent than climate change. Hinton, often referred to as one of the &quot;godfathers of AI,&quot; believes that the risks associated with AI technology are significant and warrant immediate attention. Having recently left Alphabet, Hinton intends to speak out about these risks without any constraints from his former employer. As the debate around AI&#x27;s impact on society continues to unfold, Hinton&#x27;s remarks highlight the need for careful consideration and proactive measures to ensure the responsible and ethical development and deployment of AI technologies.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">Accelerating the Quest for New Metals: ML Offers a Promising Solution <sup id="fnref-6-c1178c"><a href="#fn-6-c1178c" class="footnote-ref">6</a></sup><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="hash-link" aria-label="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" title="Direct link to accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-">​</a></h2><p>Machine learning could help develop new types of metals with useful properties, such as resistance to extreme temperatures and rust, according to new research. This could be useful in a range of sectors—for example, metals that perform well at lower temperatures could improve spacecraft, while metals that resist corrosion could be used for boats and submarines. Usually they start off with one well-known element, like iron, which is cheap and malleable, and add one or two others to see the effect on the original material. It’s a laborious process of trial and error that inevitably yields more duds than useful results. Researchers from the Max Planck Institute managed to identify 17 promising new metals using this method.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="revolutionizing-ml-researchers-unveil-a-more-agile-approach-">Revolutionizing ML: Researchers Unveil a More Agile Approach <sup id="fnref-7-c1178c"><a href="#fn-7-c1178c" class="footnote-ref">7</a></sup><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="hash-link" aria-label="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-" title="Direct link to revolutionizing-ml-researchers-unveil-a-more-agile-approach-">​</a></h2><p>Artificial intelligence researchers have celebrated a string of successes with neural networks, computer programs that roughly mimic how our brains are organized. In 2020, two researchers at the MIT led a team that introduced a new kind of neural network based on real-life intelligence — but not our own. After a breakthrough last year, the novel networks may now be versatile enough to supplant their traditional counterparts for certain applications.</p><p>Liquid neural networks offer an elegant and compact alternative , said Ken Goldberg, a roboticist at the University of California, Berkeley. These networks can run faster and more accurately than other so-called continuous-time neural networks, which model systems that vary over time</p><div class="footnotes"><hr><ol><li id="fn-1-c1178c"><a href="https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/" target="_blank" rel="noopener noreferrer">https://blogs.microsoft.com/blog/2023/02/22/the-new-bing-preview-experience-arrives-on-bing-and-edge-mobile-apps-introducing-bing-now-in-skype/</a><a href="#fnref-1-c1178c" class="footnote-backref">↩</a></li><li id="fn-2-c1178c"><a href="https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/" target="_blank" rel="noopener noreferrer">https://www.linkedin.com/pulse/how-ai-can-help-you-land-your-dream-job-step-by-step-hemachandran/</a><a href="#fnref-2-c1178c" class="footnote-backref">↩</a></li><li id="fn-3-c1178c"><a href="https://deci.ai/blog/yolo-nas-object-detection-foundation-model/" target="_blank" rel="noopener noreferrer">https://deci.ai/blog/yolo-nas-object-detection-foundation-model/</a><a href="#fnref-3-c1178c" class="footnote-backref">↩</a></li><li id="fn-4-c1178c"><a href="https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/04/hugging-face-and-servicenow-release-a-free-code-generating-model/amp/</a><a href="#fnref-4-c1178c" class="footnote-backref">↩</a></li><li id="fn-5-c1178c"><a href="https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911" target="_blank" rel="noopener noreferrer">https://theconversation.com/ai-pioneer-geoffrey-hinton-says-ai-is-a-new-form-of-intelligence-unlike-our-own-have-we-been-getting-it-wrong-this-whole-time-204911</a><a href="#fnref-5-c1178c" class="footnote-backref">↩</a></li><li id="fn-6-c1178c"><a href="https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2022/10/25/1062104/machine-learning-new-metals</a><a href="#fnref-6-c1178c" class="footnote-backref">↩</a></li><li id="fn-7-c1178c"><a href="https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207" target="_blank" rel="noopener noreferrer">https://www.quantamagazine.org/researchers-discover-a-more-flexible-approach-to-machine-learning-20230207</a><a href="#fnref-7-c1178c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/intro-to-artificial-intelligence"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Introduction to Artificial Intelligence (Part - 1)</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/rotaract-club-of-tcet"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Rotaract Club of TCET</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#unlock-the-power-of-bingai-experience-the-future-today-" class="table-of-contents__link toc-highlight">Unlock the Power of BingAI: Experience the Future, Today! </a></li><li><a href="#linkedins-intelligent-assistance-craft-the-perfect-job-application-" class="table-of-contents__link toc-highlight">LinkedIn&#39;s Intelligent Assistance: Craft the Perfect Job Application </a></li><li><a href="#yolo-nas-revolutionizing-object-detection-with-unprecedented-precision-" class="table-of-contents__link toc-highlight">YOLO-NAS: Revolutionizing Object Detection with Unprecedented Precision </a></li><li><a href="#introducing-starcoder-free-code-generating-assistant-" class="table-of-contents__link toc-highlight">Introducing StarCoder: Free Code-Generating Assistant </a></li><li><a href="#geoffrey-hinton-ais-threat-could-be-more-urgent-than-climate-change-" class="table-of-contents__link toc-highlight">Geoffrey Hinton: AI&#39;s Threat Could Be &#39;More Urgent&#39; Than Climate Change </a></li><li><a href="#accelerating-the-quest-for-new-metals-ml-offers-a-promising-solution-" class="table-of-contents__link toc-highlight">Accelerating the Quest for New Metals: ML Offers a Promising Solution </a></li><li><a href="#revolutionizing-ml-researchers-unveil-a-more-agile-approach-" class="table-of-contents__link toc-highlight">Revolutionizing ML: Researchers Unveil a More Agile Approach </a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tmai-june-2023/index.html b/blog/tmai-june-2023/index.html index 2b2c9109..46fe996d 100644 --- a/blog/tmai-june-2023/index.html +++ b/blog/tmai-june-2023/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - June 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/Cloud-gaming"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Exploring the Future of Gaming- Cloud Gaming Unveiled</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/introduction-to-api"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Introduction to APIs: Unlocking the Power of Integration</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="table-of-contents__link toc-highlight">Code Optimization Revolutionized: Google DeepMind&#39;s AI Unleashes New Speed-Boosting Technique. </a></li><li><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="table-of-contents__link toc-highlight">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. </a></li><li><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="table-of-contents__link toc-highlight">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. </a></li><li><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="table-of-contents__link toc-highlight">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. </a></li><li><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="table-of-contents__link toc-highlight">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. </a></li><li><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="table-of-contents__link toc-highlight">MIT Introduces New Model for Accelerated Drug Discovery. </a></li><li><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="table-of-contents__link toc-highlight">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. </a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of Kuly 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,draggan,google,speech,virtual,auido-palm,tmai,music-ai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - June 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-30T00:00:00.000Z" itemprop="datePublished">June 30, 2023</time> · <!-- -->4 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-june23-poster-55cb113cecc705d1a7fe526fd49f590f.png" width="1587" height="2245" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">Code Optimization Revolutionized: Google DeepMind&#x27;s AI Unleashes New Speed-Boosting Technique. <sup id="fnref-1-3c289c"><a href="#fn-1-3c289c" class="footnote-ref">1</a></sup><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="hash-link" aria-label="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" title="Direct link to code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-">​</a></h2><p>DeepMind&#x27;s AlphaDev AI achieves groundbreaking speed improvements in sorting algorithms, surpassing existing methods by up to 70%. Its innovative techniques have been adopted by millions of software developers, marking the first integration of AI-discovered algorithms in language updates. DeepMind&#x27;s gamified approach, using reinforcement learning, trains AlphaDev to construct faster and correct algorithms. This breakthrough revolutionizes code optimization and sets the stage for further AI-driven innovations in computer science.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. <sup id="fnref-2-3c289c"><a href="#fn-2-3c289c" class="footnote-ref">2</a></sup><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="hash-link" aria-label="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" title="Direct link to elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-">​</a></h2><p><img loading="lazy" alt="Example of Virtual Try of Clothes with AI" src="/assets/images/virtual-try-9c7beabc833d706d5ad3398b7e5c7f6e.png" width="1000" height="500" class="img_ev3q"></p><p>Google Shopping has introduced AI Virtual Try-On, a new feature that allows users to virtually try on beauty products before buying them. Using advanced machine learning algorithms and facial recognition technology, the feature provides realistic representations of the products on the user&#x27;s face. It enhances convenience, addresses concerns about online shopping, and offers a seamless experience. Users can access the feature from Google Search, Google Shopping, or participating retailer websites, making informed decisions with detailed product information and user reviews. This innovation bridges the gap between online and in-store try-ons, revolutionizing the beauty shopping experience.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. <sup id="fnref-3-3c289c"><a href="#fn-3-3c289c" class="footnote-ref">3</a></sup><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="hash-link" aria-label="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" title="Direct link to ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-">​</a></h2><p>Ink AI has introduced a game-changing e-book generator tool that utilizes ChatGPT, an AI language model, to effortlessly create full-length e-books. By inputting prompts, users receive context-aware responses that form the basis of their e-books, making the writing process faster and more efficient. The tool allows customization of genre, style, and length, and the user-friendly interface simplifies content creation. Ink AI&#x27;s e-book generator opens up new possibilities for authors, content creators, and publishers by revolutionizing the e-book creation process with AI technology.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. <sup id="fnref-4-3c289c"><a href="#fn-4-3c289c" class="footnote-ref">4</a></sup><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="hash-link" aria-label="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" title="Direct link to meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-">​</a></h2><p>Meta has introduced Stablediffusion, an advanced AI model called MusicGen, designed for music generation. Unlike traditional models, Stablediffusion produces stable, coherent, and emotionally engaging musical compositions. Trained on diverse musical genres, the model incorporates stability mechanisms for smooth transitions and consistent structures. </p><p>It considers melody, harmonies, rhythms, and tonal variations, resulting in natural and professional-sounding compositions. Stablediffusion offers a powerful tool for musicians, composers, and music enthusiasts, revolutionizing AI-generated music with its stable and artistically satisfying output.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. <sup id="fnref-5-3c289c"><a href="#fn-5-3c289c" class="footnote-ref">5</a></sup><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="hash-link" aria-label="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" title="Direct link to draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-">​</a></h2><p><img loading="lazy" alt="Example of DragGAN to change perspective of Lion and more" src="/assets/images/draggan-5e9ce415a7e679b61439b03be2a1708e.jpeg" width="2048" height="1024" class="img_ev3q"></p><p>Draggan, an advanced AI framework focused on reinforcement learning, has been released as open source. This allows developers worldwide to access and utilize its capabilities for training AI models. Draggan simplifies the process with its user-friendly interface, extensive documentation, and pre-built components, enabling faster development and deployment of AI systems. By democratizing access to this powerful tool, the open-source release of Draggan promotes collaboration and accelerates advancements in AI research and application development.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mit-introduces-new-model-for-accelerated-drug-discovery-">MIT Introduces New Model for Accelerated Drug Discovery. <sup id="fnref-6-3c289c"><a href="#fn-6-3c289c" class="footnote-ref">6</a></sup><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="hash-link" aria-label="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-" title="Direct link to mit-introduces-new-model-for-accelerated-drug-discovery-">​</a></h2><p>MIT researchers have developed a groundbreaking AI model called AccelerateDrug, which revolutionizes the process of drug discovery. The model utilizes advanced machine learning algorithms to rapidly analyze chemical and biological data, predicting the effectiveness of potential drug compounds. By significantly reducing experimentation time and resources, AccelerateDrug streamlines the drug discovery process and expedites the development of new medications. </p><p>The model has demonstrated high accuracy and outperformed existing methods in predicting drug efficacy. AccelerateDrug has the potential to accelerate the availability of life-saving treatments, benefiting patients and advancing healthcare outcomes.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. <sup id="fnref-7-3c289c"><a href="#fn-7-3c289c" class="footnote-ref">7</a></sup><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="hash-link" aria-label="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" title="Direct link to google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-">​</a></h2><p><img loading="lazy" alt="Brief Architecture of AudioPaLM" src="/assets/images/audiopalm-718317081c702f240d7f418279678d17.png" width="1536" height="528" class="img_ev3q"></p><p>Google has introduced AudioPalm, an innovative technology that bridges the gap between text and voice. Using advanced AI algorithms, it converts written text into human-like speech and transcribes spoken language into written text accurately. AudioPalm enhances accessibility, user experiences, and content creation, benefiting individuals with visual impairments and those seeking a more immersive interaction. </p><p>The technology has applications in education, entertainment, and accessibility services, and it integrates with existing Google services like Google Assistant and Google Translate. Google&#x27;s AudioPalm represents a significant advancement in natural language processing, enabling seamless conversion between text and voice for enhanced user experiences.</p><div class="footnotes"><hr><ol><li id="fn-1-3c289c"><a href="https://www.deepmind.com/research/highlighted-research/alphago" target="_blank" rel="noopener noreferrer">https://www.deepmind.com/research/highlighted-research/alphago</a><a href="#fnref-1-3c289c" class="footnote-backref">↩</a></li><li id="fn-2-3c289c"><a href="https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/" target="_blank" rel="noopener noreferrer">https://blog.google/products/shopping/ai-virtual-try-on-google-shopping/</a><a href="#fnref-2-3c289c" class="footnote-backref">↩</a></li><li id="fn-3-3c289c"><a href="https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily" target="_blank" rel="noopener noreferrer">https://goodereader.com/blog/e-book-news/new-chatgpt-based-e-book-generator-tool-from-ink-ai-can-create-full-length-e-books-easily</a><a href="#fnref-3-3c289c" class="footnote-backref">↩</a></li><li id="fn-4-3c289c"><a href="https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/meta-releases-stablediffusion-for-music-musicgen/</a><a href="#fnref-4-3c289c" class="footnote-backref">↩</a></li><li id="fn-5-3c289c"><a href="https://analyticsindiamag.com/draggan-is-finally-open-source/" target="_blank" rel="noopener noreferrer">https://analyticsindiamag.com/draggan-is-finally-open-source/</a><a href="#fnref-5-3c289c" class="footnote-backref">↩</a></li><li id="fn-6-3c289c"><a href="https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608" target="_blank" rel="noopener noreferrer">https://news.mit.edu/2023/new-model-offers-speedy-drug-discovery-0608</a><a href="#fnref-6-3c289c" class="footnote-backref">↩</a></li><li id="fn-7-3c289c"><a href="https://google-research.github.io/seanet/audiopalm/examples/" target="_blank" rel="noopener noreferrer">https://google-research.github.io/seanet/audiopalm/examples/</a><a href="#fnref-7-3c289c" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/Cloud-gaming"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Exploring the Future of Gaming- Cloud Gaming Unveiled</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/introduction-to-api"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Introduction to APIs: Unlocking the Power of Integration</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#code-optimization-revolutionized-google-deepminds-ai-unleashes-new-speed-boosting-technique-" class="table-of-contents__link toc-highlight">Code Optimization Revolutionized: Google DeepMind&#39;s AI Unleashes New Speed-Boosting Technique. </a></li><li><a href="#elevating-the-shopping-experience-with-ai-virtual-try-on-on-google-shopping-" class="table-of-contents__link toc-highlight">Elevating the Shopping Experience with AI Virtual Try-On on Google Shopping. </a></li><li><a href="#ink-ai-unveils-chatgpt-based-e-book-generator-for-effortless-full-length-e-book-creation-" class="table-of-contents__link toc-highlight">Ink AI Unveils ChatGPT-Based E-book Generator for Effortless Full-Length E-book Creation. </a></li><li><a href="#meta-unveils-stablediffusion-a-groundbreaking-ai-model-for-music-generation-" class="table-of-contents__link toc-highlight">Meta Unveils Stablediffusion: A Groundbreaking AI Model for Music Generation. </a></li><li><a href="#draggan-goes-open-source-empowering-developers-with-advanced-ai-framework-" class="table-of-contents__link toc-highlight">Draggan Goes Open Source: Empowering Developers with Advanced AI Framework. </a></li><li><a href="#mit-introduces-new-model-for-accelerated-drug-discovery-" class="table-of-contents__link toc-highlight">MIT Introduces New Model for Accelerated Drug Discovery. </a></li><li><a href="#google-introduces-audiopalm-bridging-the-gap-between-text-and-voice-" class="table-of-contents__link toc-highlight">Google Introduces AudioPalm: Bridging the Gap between Text and Voice. </a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/tmai-may-2023/index.html b/blog/tmai-may-2023/index.html index 8cba9719..244d9807 100644 --- a/blog/tmai-may-2023/index.html +++ b/blog/tmai-may-2023/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,8 +20,8 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - May 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/introduction-to-api"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Introduction to APIs: Unlocking the Power of Integration</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-artificial-intelligence"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Introduction to Artificial Intelligence (Part - 1)</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="table-of-contents__link toc-highlight">Google&#39;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. </a></li><li><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="table-of-contents__link toc-highlight">Meta&#39;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. </a></li><li><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="table-of-contents__link toc-highlight">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. </a></li><li><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="table-of-contents__link toc-highlight">Unleash Your Creativity: Photoshop&#39;s AI Transforms Your Images with a Single Text Prompt. </a></li><li><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="table-of-contents__link toc-highlight">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. </a></li><li><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="table-of-contents__link toc-highlight">Spotify&#39;s Potential AI Breakthrough: AI-Generated Podcast Ads. </a></li><li><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="table-of-contents__link toc-highlight">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. </a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="Latest News &amp; Breakthroughs in the Month of May 2023 in AI/ML/DS."><meta itemprop="keywords" content="PaLM2,ai,google,speech,spotify,adobe,tmai"><header><h1 class="title_f1Hy" itemprop="headline">This Month in AI - May 2023</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-06-06T00:00:00.000Z" itemprop="datePublished">June 6, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/kunalagra.png" alt="Kunal Agrawal" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/kunalagra" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Kunal Agrawal</span></a></div><small class="avatar__subtitle" itemprop="description">President - Mind Benders | SSoC&#x27;22</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/KevalW.png" alt="Keval Waghate" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/KevalW" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Keval Waghate</span></a></div><small class="avatar__subtitle" itemprop="description">Publication Head - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/MDeexith.png" alt="Deexith Madas" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/MDeexith" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Deexith Madas</span></a></div><small class="avatar__subtitle" itemprop="description">Treasurer - Mind Benders</small></div></div></div><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Ananta564.png" alt="Ananta Pandey" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Ananta564" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Ananta Pandey</span></a></div><small class="avatar__subtitle" itemprop="description">Jt. Publication Head - Mind Benders</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p><img loading="lazy" alt="A robotic hand touching a speck of light" src="/assets/images/tmai-may23-poster-72d8b140c6460d0c90952c8d11ee5a8a.png" width="794" height="794" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">Google&#x27;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. <sup id="fnref-1-d9f119"><a href="#fn-1-d9f119" class="footnote-ref">1</a></sup><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="hash-link" aria-label="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" title="Direct link to googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-">​</a></h2><p>Discover the cutting-edge advancements in AI from Google as they unveil PaLM 2, their next-generation language model. PaLM 2 has undergone extensive training on multilingual text, enabling it to understand, generate, and translate nuanced language across more than 100 languages. With improved reasoning capabilities and proficiency in programming languages, PaLM 2 demonstrates its potential for logic, common sense reasoning, mathematics, and coding tasks.</p><p><img loading="lazy" alt="An Example of Prompt to Med PaLM - A specialized PaLM Model" src="/assets/images/med-palm-dc4977b-b9d9d35908d694861628347594340abc.png" width="700" height="339" class="img_ev3q"></p><p>Google has already integrated PaLM 2 into over 25 products and features, empowering users worldwide with enhanced language generation, efficient workspace features, and productivity tools. Through the development of PaLM 2, Google continues to drive innovation in AI and deliver real-world benefits in areas like healthcare and creative endeavors.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">Meta&#x27;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. <sup id="fnref-2-d9f119"><a href="#fn-2-d9f119" class="footnote-ref">2</a></sup><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="hash-link" aria-label="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" title="Direct link to metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-">​</a></h2><p>Meta&#x27;s AI breakthrough empowers speech recognition in over 1,000 languages, a significant leap towards preserving endangered languages. The company is sharing these models as open source on GitHub, enabling developers to build inclusive speech applications for diverse languages. Existing speech recognition models cover a mere fraction of the world&#x27;s 7,000 languages due to limited labeled training data. Meta overcame this challenge by retraining their AI model to learn speech patterns from audio, requiring minimal data. Their models can converse in over 1,000 languages and recognize more than 4,000, with half the error rate compared to rival models. While there are risks of mistranscription and biased words, Meta&#x27;s advancements have far-reaching implications for language preservation and global communication.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. <sup id="fnref-3-d9f119"><a href="#fn-3-d9f119" class="footnote-ref">3</a></sup><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="hash-link" aria-label="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" title="Direct link to ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-">​</a></h2><p>Scientists from McMaster University have utilised artificial intelligence (AI) to uncover a breakthrough antibiotic called abaucin, which shows promising potential in combating drug-resistant infections, particularly Acinetobacter baumannii. This bacterium poses a significant threat in hospitals and is known to cause severe conditions like pneumonia and meningitis. </p><p>The traditional methods of antibiotic discovery have proven challenging and time-consuming. However, AI algorithms allowed researchers to swiftly assess millions of molecules, leading to the identification of abaucin. Unlike broad-spectrum antibiotics, abaucin specifically targets A. baumannii, reducing the risk of drug resistance development and opening doors to more precise and effective treatments. This study underscores the immense potential of AI in revolutionising antibiotic discovery and providing hope in the fight against deadly hospital superbugs.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">Unleash Your Creativity: Photoshop&#x27;s AI Transforms Your Images with a Single Text Prompt. <sup id="fnref-4-d9f119"><a href="#fn-4-d9f119" class="footnote-ref">4</a></sup><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="hash-link" aria-label="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" title="Direct link to unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-">​</a></h2><p><img loading="lazy" alt="A before &amp;amp; after image of dog after applying Generative Fill of Photoshop" src="/assets/images/photoshop-bf49f54051f997bbf340ba6b0f67879d.png" width="990" height="743" class="img_ev3q"></p><p>Adobe has introduced a groundbreaking AI tool called Generative Fill in its Photoshop application, leveraging generative AI to add or remove objects from photos based on a simple text prompt. Acting as an &quot;AI co-pilot,&quot; Adobe Firefly powers this feature, aiming to revolutionize the photo editing process. While enhancing user creativity, Adobe acknowledges the need to address concerns about potential misuse of the technology. The addition of Generative Fill is expected to usher in a new era of AI-driven creativity in the creative industries, providing extraordinary results and streamlining previously time-consuming tasks. Currently available in the beta version, a wider release of this transformative AI tool in Photoshop is on the horizon.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. <sup id="fnref-5-d9f119"><a href="#fn-5-d9f119" class="footnote-ref">5</a></sup><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="hash-link" aria-label="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" title="Direct link to safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-">​</a></h2><p>In the realm of cybersecurity, the long-awaited promise of artificial intelligence (AI) is becoming a reality. AI-driven capabilities have evolved from simple rule-based systems to sophisticated tools that leverage generative AI and contextualise vast amounts of data. This breakthrough empowers cybersecurity teams with game-changing speed and accuracy, providing them with a much-needed advantage in their ongoing battle against cybercriminals. With a skills shortage and data explosion posing challenges, matured AI capabilities address these obstacles by automating tasks, improving defence postures, and enabling precise actions. </p><p>By combining AI with automation, security teams can achieve reliable speed and enhance their ability to detect, investigate, and respond to threats. The integration of AI into threat detection and response technologies, such as IBM&#x27;s QRadar Suite, amplifies the effectiveness of security operations centres (SOCs) and streamlines the incident lifecycle. With AI&#x27;s assistance, SOC teams can prioritise real threats amidst the noise, accelerate investigation and response processes, and significantly enhance overall resilience and readiness in the cybersecurity industry.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">Spotify&#x27;s Potential AI Breakthrough: AI-Generated Podcast Ads. <sup id="fnref-6-d9f119"><a href="#fn-6-d9f119" class="footnote-ref">6</a></sup><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="hash-link" aria-label="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" title="Direct link to spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-">​</a></h2><p>In a recent podcast episode, Bill Simmons shared that Spotify is reportedly working on AI technology that would allow podcast hosts to create host-read ads without having to personally record them. This development could offer podcasters exciting opportunities, including the creation of geo-targeted and multilingual ads, while saving valuable time for content creation. Although Spotify has not officially confirmed these claims, their ongoing investment in AI technology, exemplified by the introduction of AI DJ, suggests the possibility. </p><p>The advent of AI-generated podcast ads would revolutionise the industry, offering podcasters a time-saving alternative and the potential to reach a broader audience. However, concerns regarding authenticity and the risk of misinformation should also be considered. The development of AI-generated podcast ads marks a significant milestone in podcasting, with the future implementation and audience response eagerly anticipated.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. <sup id="fnref-7-d9f119"><a href="#fn-7-d9f119" class="footnote-ref">7</a></sup><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="hash-link" aria-label="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" title="Direct link to chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-">​</a></h2><p>Chegg, an online education company, and its encounter with the disruptive force of generative AI, particularly OpenAI&#x27;s ChatGPT. Chegg&#x27;s executives had previously considered the potential of AI to replace human instructors and reduce costs but underestimated the rapid pace at which consumers embraced tools like ChatGPT.</p><p>Initially, Chegg didn&#x27;t view ChatGPT as a threat to its paid services. However, when OpenAI released GPT-4, students began opting for ChatGPT instead of Chegg&#x27;s paid offerings, leading to a significant loss in subscriber growth and a decline in the company&#x27;s market value.</p><p>Despite their efforts, Chegg&#x27;s future remains uncertain, and the company&#x27;s executives are focused on navigating the challenges posed by generative AI to stay relevant in the education industry.</p><div class="footnotes"><hr><ol><li id="fn-1-d9f119"><a href="https://blog.google/technology/ai/google-palm-2-ai-large-language-model/" target="_blank" rel="noopener noreferrer">https://blog.google/technology/ai/google-palm-2-ai-large-language-model/</a><a href="#fnref-1-d9f119" class="footnote-backref">↩</a></li><li id="fn-2-d9f119"><a href="https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/22/1073471/metas-new-ai-models-can-recognize-and-produce-speech-for-more-than-1000-languages/</a><a href="#fnref-2-d9f119" class="footnote-backref">↩</a></li><li id="fn-3-d9f119"><a href="https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital" target="_blank" rel="noopener noreferrer">https://www.theguardian.com/technology/2023/may/25/artificial-intelligence-antibiotic-deadly-superbug-hospital</a><a href="#fnref-3-d9f119" class="footnote-backref">↩</a></li><li id="fn-4-d9f119"><a href="https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx" target="_blank" rel="noopener noreferrer">https://news.adobe.com/news/news-details/2023/Adobe-Unveils-Future-of-Creative-Cloud-with-Generative-AI-as-a-Creative-Co-Pilot-in-Photoshop-default.aspx/default.aspx</a><a href="#fnref-4-d9f119" class="footnote-backref">↩</a></li><li id="fn-5-d9f119"><a href="https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/" target="_blank" rel="noopener noreferrer">https://www.technologyreview.com/2023/05/24/1073395/ai-in-cybersecurity-yesterdays-promise-todays-reality/</a><a href="#fnref-5-d9f119" class="footnote-backref">↩</a></li><li id="fn-6-d9f119"><a href="https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/" target="_blank" rel="noopener noreferrer">https://techcrunch.com/2023/05/23/spotify-may-use-ai-to-make-host-read-podcast-ads-that-sound-like-real-people/</a><a href="#fnref-6-d9f119" class="footnote-backref">↩</a></li><li id="fn-7-d9f119"><a href="https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/" target="_blank" rel="noopener noreferrer">https://www.wired.com/story/chegg-embraced-ai-chatgpt-ate-its-lunch-anyway/</a><a href="#fnref-7-d9f119" class="footnote-backref">↩</a></li></ol></div></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/mind-benders">mind-benders</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/ai">ai</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/tmai">tmai</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/introduction-to-api"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">Introduction to APIs: Unlocking the Power of Integration</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-artificial-intelligence"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Introduction to Artificial Intelligence (Part - 1)</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#googles-palm-2-revolutionizing-language-modeling-with-multilingual-proficiency-reasoning-abilities-and-coding-proficiency-" class="table-of-contents__link toc-highlight">Google&#39;s PaLM 2: Revolutionizing Language Modeling with Multilingual Proficiency, Reasoning Abilities, and Coding Proficiency. </a></li><li><a href="#metas-ai-breakthrough-speech-recognition-for-1000-languages-now-open-source-paving-the-way-for-language-preservation-and-universal-communication-" class="table-of-contents__link toc-highlight">Meta&#39;s AI breakthrough: Speech recognition for 1,000+ languages now open source, paving the way for language preservation and universal communication. </a></li><li><a href="#ai-revolutionizes-antibiotic-discovery-unveiling-a-breakthrough-against-hospital-superbugs-" class="table-of-contents__link toc-highlight">AI Revolutionizes Antibiotic Discovery: Unveiling a Breakthrough Against Hospital Superbugs. </a></li><li><a href="#unleash-your-creativity-photoshops-ai-transforms-your-images-with-a-single-text-prompt-" class="table-of-contents__link toc-highlight">Unleash Your Creativity: Photoshop&#39;s AI Transforms Your Images with a Single Text Prompt. </a></li><li><a href="#safeguarding-the-digital-frontier-exploring-the-reality-of-ai-in-cybersecurity-" class="table-of-contents__link toc-highlight">Safeguarding the Digital Frontier: Exploring the Reality of AI in Cybersecurity. </a></li><li><a href="#spotifys-potential-ai-breakthrough-ai-generated-podcast-ads-" class="table-of-contents__link toc-highlight">Spotify&#39;s Potential AI Breakthrough: AI-Generated Podcast Ads. </a></li><li><a href="#chegg-vs-chatgpt-the-battle-for-ai-powered-education-dominance-" class="table-of-contents__link toc-highlight">Chegg vs. ChatGPT: The Battle for AI-Powered Education Dominance. </a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/blog/web-crawling/index.html b/blog/web-crawling/index.html index adbde0d8..53bc9573 100644 --- a/blog/web-crawling/index.html +++ b/blog/web-crawling/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -20,7 +20,7 @@ <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> - </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h1 class="title_f1Hy" itemprop="headline">Web Crawling, A Beginner’s Perspective on Data Extraction</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. + </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><div class="row"><aside class="col col--3"><nav class="sidebar_re4s thin-scrollbar" aria-label="Blog recent posts navigation"><div class="sidebarItemTitle_pO2u margin-bottom--md">Recent posts</div><ul class="sidebarItemList_Yudw clean-list"><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-ai-automation">AI Automation Odyssey: Navigating the Future of Work and Innovation</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/CNCF-Zero-to-Merge">CNCF Zero to Merge - Your first step towards Open-Source</a></li><li class="sidebarItem__DBe"><a aria-current="page" class="sidebarItemLink_mo7H sidebarItemLinkActive_I1ZP" href="/blog/web-crawling">Web Crawling, A Beginner’s Perspective on Data Extraction</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-blockchain">Blockchain - Future of Tommorow</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/linux-basics">Basics of GNU/Linux</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/blog-posting-guidelines">General Posting Guidelines</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/Cloud-gaming">Exploring the Future of Gaming- Cloud Gaming Unveiled</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-june-2023">This Month in AI - June 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/introduction-to-api">Introduction to APIs: Unlocking the Power of Integration</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-may-2023">This Month in AI - May 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-artificial-intelligence">Introduction to Artificial Intelligence (Part - 1)</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/tmai-april-2023">This Month in AI - April 2023</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/rotaract-club-of-tcet">Rotaract Club of TCET</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/dive-into-web-design">Dive into Web Design 🖌️ | Learn the Mental Model for converting Designs into Code</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-react-js">6 Reasons Why React JS is the Future of Web Development!!</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/intro-to-cloud-computing">Cloud Computing: Revolutionizing the Way We Store and Access Data</a></li><li class="sidebarItem__DBe"><a class="sidebarItemLink_mo7H" href="/blog/breaking-the-ice-open-source">Breaking The Ice - Open Source</a></li></ul></nav></aside><main class="col col--7" itemscope="" itemtype="http://schema.org/Blog"><article itemprop="blogPost" itemscope="" itemtype="http://schema.org/BlogPosting"><meta itemprop="description" content="In this blog, you will explore the fundamentals of web crawling and how you can get started with your own data extraction projects."><meta itemprop="keywords" content="web crawling,BeautifulSoup,scrapy,data extraction"><header><h1 class="title_f1Hy" itemprop="headline">Web Crawling, A Beginner’s Perspective on Data Extraction</h1><div class="container_mt6G margin-vert--md"><time datetime="2023-10-08T00:00:00.000Z" itemprop="datePublished">October 8, 2023</time> · <!-- -->6 min read</div><div class="margin-top--md margin-bottom--sm row"><div class="col col--6 authorCol_Hf19"><div class="avatar margin-bottom--sm"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" class="avatar__photo-link"><img class="avatar__photo" src="https://github.com/Mahitej28.png" alt="Mahima Churi" itemprop="image"></a><div class="avatar__intro" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><div class="avatar__name"><a href="https://github.com/Mahitej28" target="_blank" rel="noopener noreferrer" itemprop="url"><span itemprop="name">Mahima Churi</span></a></div><small class="avatar__subtitle" itemprop="description">COO @ TCET Open Source | Full Stack Web Developer</small></div></div></div></div></header><div id="__blog-post-container" class="markdown" itemprop="articleBody"><blockquote><p><em>Web crawling, also known as web scraping, is the process of automatically extracting data from websites. It allows us to gather valuable information from various sources on the internet efficiently and in a structured manner. In this blog, we’ll explore the fundamentals of web crawling and how you can get started with your own data extraction projects.</em></p></blockquote><br><figure><img loading="lazy" src="/assets/images/web_crawl-fe3fa3d0b2b94658d3833b93c0a04f25.png" style="border:2px solid grey" class="img_ev3q"></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="what-if-i-told-you-that-web-crawling-could-come-to-your-rescue-even-in-unexpected-work-scenarios-">What if I told you that web crawling could come to your rescue even in unexpected work scenarios? 🤔<a href="#what-if-i-told-you-that-web-crawling-could-come-to-your-rescue-even-in-unexpected-work-scenarios-" class="hash-link" aria-label="Direct link to What if I told you that web crawling could come to your rescue even in unexpected work scenarios? 🤔" title="Direct link to What if I told you that web crawling could come to your rescue even in unexpected work scenarios? 🤔">​</a></h2><p>Imagine you’re on a relaxing weekend, enjoying your favorite Netflix series, when suddenly your boss calls with an urgent task.</p><p>Let’s say your boss needs a comprehensive analysis of competitors’ pricing for an upcoming project. Manually collecting this data from various websites would be time-consuming and error-prone. However, with web crawling, you can <strong>automate the data extraction process</strong>, quickly gathering pricing information from multiple sources and generating a detailed report. @@ -35,7 +35,7 @@ Implement strategies like rotating IP addresses or adding delays in your crawling code to handle such challenges.</p></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ethical-considerations">Ethical Considerations<a href="#ethical-considerations" class="hash-link" aria-label="Direct link to Ethical Considerations" title="Direct link to Ethical Considerations">​</a></h2><p>While web crawling can be a powerful tool for data extraction, it’s important to respect website owners’ terms of service and adhere to ethical guidelines. Always ensure that your crawling activities are legal and ethical. Be mindful of any website-specific crawling policies and consider reaching out to website owners for permission when necessary.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2><p>Web crawling opens up a world of possibilities for data extraction and analysis. By automating the process of gathering data from websites, you can save time and collect valuable insights. Armed with the knowledge from this beginner’s guide, you’re ready to embark on your web crawling journey. Remember to stay ethical, explore different tools, and continue learning as you dive deeper into the exciting world of web crawling.</p></div><footer class="row docusaurus-mt-lg blogPostFooterDetailsFull_mRVl"><div class="col"><b>Tags:</b><ul class="tags_jXut padding--none margin-left--sm"><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/web-crawling">web crawling</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/data-extraction">data extraction</a></li><li class="tag_QGVx"><a class="tag_zVej tagRegular_sFm0" href="/blog/tags/automation">automation</a></li></ul></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Blog post page navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/blog/CNCF-Zero-to-Merge"><div class="pagination-nav__sublabel">Newer Post</div><div class="pagination-nav__label">CNCF Zero to Merge - Your first step towards Open-Source</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/blog/intro-to-blockchain"><div class="pagination-nav__sublabel">Older Post</div><div class="pagination-nav__label">Blockchain - Future of Tommorow</div></a></nav></main><div class="col col--2"><div class="tableOfContents_bqdL thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#what-if-i-told-you-that-web-crawling-could-come-to-your-rescue-even-in-unexpected-work-scenarios-" class="table-of-contents__link toc-highlight">What if I told you that web crawling could come to your rescue even in unexpected work scenarios? 🤔</a></li><li><a href="#benefits" class="table-of-contents__link toc-highlight">Benefits</a></li><li><a href="#process-of-web-crawling" class="table-of-contents__link toc-highlight">Process of Web Crawling</a></li><li><a href="#getting-started-with-web-crawling" class="table-of-contents__link toc-highlight">Getting Started with Web Crawling</a></li><li><a href="#ethical-considerations" class="table-of-contents__link toc-highlight">Ethical Considerations</a></li><li><a href="#conclusion" class="table-of-contents__link toc-highlight">Conclusion</a></li></ul></div></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/about-tcetopensource/index.html b/docs/about-tcetopensource/index.html index b88e359c..ae0f29da 100644 --- a/docs/about-tcetopensource/index.html +++ b/docs/about-tcetopensource/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About the Organization</span><meta itemprop="position" content="1"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>TCET Open Source</h1><p>TCET Open Source is an organization where software is not just a commodity to be bought and sold, but a collaborative effort that brings people together to solve problems and build something greater than themselves. This is the community of open source, where the boundaries between creators and users blur, and the collective knowledge and creativity of the community combine to create something truly remarkable. </p><p>TCET open source is more than just a movement, it&#x27;s a philosophy that values transparency, inclusivity, and the power of community, having a strength of 50+ individuals currently, across various teams.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="teams">Teams<a href="#teams" class="hash-link" aria-label="Direct link to Teams" title="Direct link to Teams">​</a></h2><p>These are the following teams and sub teams in the organization.</p><div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP unique_cziY tabs__item--active">Web Team</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">AI Team</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">DevOps Team</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Documentation Team</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><ul><li>UI/UX Design</li><li>Frontend Engineering</li><li>Backend Engineering</li></ul></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><ul><li>Data Engineering</li><li>Machine Learning</li><li>Automation</li></ul></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><ul><li>Production Engineering</li><li>TCET Linux Development</li></ul></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><ul><li>Project Documentation</li></ul></div></div></div><hr><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="projects">Projects<a href="#projects" class="hash-link" aria-label="Direct link to Projects" title="Direct link to Projects">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="live-projects">Live Projects<a href="#live-projects" class="hash-link" aria-label="Direct link to Live Projects" title="Direct link to Live Projects">​</a></h3><p>The organization has successfully completed and currently maintains several projects that cater to the needs of TCET students. These include:</p><ol><li><p><strong>Activity Dekho</strong> <br>This live website showcases past activities organized by TCET students, including committees, clubs, and social bodies. It serves as an archive of the college&#x27;s vibrant extracurricular life, providing students with a glimpse into the diverse range of activities.</p><img loading="lazy" alt="Activity Dekho" width="300" src="https://user-images.githubusercontent.com/104899687/273162337-3806613a-4556-4cb6-9b9e-e79a220473fb.png" class="img_ev3q"></li><li><p><strong>SORT Club website</strong> <br>Its represents the SORT and Literary Club&#x27;s Website which is the part of TCET Open Source.</p><img loading="lazy" alt="SORT Club website" width="300" src="https://github.com/tcet-opensource/documentation/assets/104899687/1a28659e-4947-4b36-a185-202928872bae" class="img_ev3q"></li><li><p><strong>Fill My Cycle</strong>: <br>This live application predicts the average subject-wise score of TCET students. By utilizing advanced algorithms, it offers valuable insights into academic performance, helping students understand their strengths and areas for improvement.</p><img loading="lazy" alt="Fill My Cycle" width="300" src="https://github.com/tcet-opensource/documentation/assets/104899687/7def9907-b3f0-4479-a041-37f5152e850d" class="img_ev3q"></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ongoing-projects">Ongoing Projects<a href="#ongoing-projects" class="hash-link" aria-label="Direct link to Ongoing Projects" title="Direct link to Ongoing Projects">​</a></h3><p>Additionally, the organization is actively working on several exciting projects to further enhance the TCET community. These projects under development include:</p><ol><li><strong>TnP website</strong><br><img loading="lazy" alt="TnP website" width="300" src="https://github.com/tcet-opensource/documentation/assets/104899687/e342f6cd-2acd-4c95-9646-7c88558bf659" class="img_ev3q"><br></li><li><strong>TCET Linux</strong><br><img loading="lazy" alt="TCET Linux" width="300" src="https://github-production-user-asset-6210df.s3.amazonaws.com/104899687/274179751-4a427b5d-0363-4d37-baa2-d57333b00054.png" class="img_ev3q"><br></li><li><strong>Resume Screener</strong><br><img loading="lazy" alt="Resume Screener*" width="300" src="https://github.com/tcet-opensource/documentation/assets/104899687/a0b56daf-f18e-4da2-a669-adf783a53598" class="img_ev3q"><br></li><li><strong>TCET Open Source Website</strong><br><img loading="lazy" alt="TCET Open Source Website" width="300" src="https://github-production-user-asset-6210df.s3.amazonaws.com/104899687/274300238-d2975440-46f3-49b9-9576-f0db2f987845.png" class="img_ev3q"></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="upcoming-projects">Upcoming Projects<a href="#upcoming-projects" class="hash-link" aria-label="Direct link to Upcoming Projects" title="Direct link to Upcoming Projects">​</a></h3><p>Looking ahead, the organization has plans for upcoming projects that will further enhance various aspects of college life, including:</p><ol><li><strong>ERP</strong></li><li><strong>Canteen Management System</strong></li></ol><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy">📢</span>ANNOUCEMENT</div><div class="admonitionContent_S0QG"><p>So if you&#x27;re looking for a way to make a difference in the organization, to contribute to something greater than yourself, and to be a part of a vibrant and passionate community, look no further than this community of open source.</p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/about-tcetopensource.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-10-12T11:46:38.000Z">Oct 12, 2023</time></b> by <b>Penny CHIANG</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--next" href="/docs/category/projects"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Projects</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#teams" class="table-of-contents__link toc-highlight">Teams</a></li><li><a href="#projects" class="table-of-contents__link toc-highlight">Projects</a><ul><li><a href="#live-projects" class="table-of-contents__link toc-highlight">Live Projects</a></li><li><a href="#ongoing-projects" class="table-of-contents__link toc-highlight">Ongoing Projects</a></li><li><a href="#upcoming-projects" class="table-of-contents__link toc-highlight">Upcoming Projects</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/category/projects/index.html b/docs/category/projects/index.html index a97c1a1e..38ea329f 100644 --- a/docs/category/projects/index.html +++ b/docs/category/projects/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="generatedIndexPage_vN6x"><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Projects</span><meta itemprop="position" content="1"></li></ul></nav><header><h1 class="title_kItE">Project Docs</h1><p>Official Documentation of all TCET Open Source projects</p></header><article class="margin-top--lg"><section class="row list_eTzJ"><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/docs-site/about-docs"><h2 class="text--truncate cardTitle_rnsV" title="Docs Site">🗃️<!-- --> <!-- -->Docs Site</h2><p class="text--truncate cardDescription_PWke" title="3 items">3 items</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/tnp-website/about-tnp-website"><h2 class="text--truncate cardTitle_rnsV" title="T&amp;P Site">🗃️<!-- --> <!-- -->T&amp;P Site</h2><p class="text--truncate cardDescription_PWke" title="3 items">3 items</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/fmc-website/about-fmc-website"><h2 class="text--truncate cardTitle_rnsV" title="Fill My Cycle Website">🗃️<!-- --> <!-- -->Fill My Cycle Website</h2><p class="text--truncate cardDescription_PWke" title="3 items">3 items</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/resume-screener-website/about-resume-screener-website"><h2 class="text--truncate cardTitle_rnsV" title="Resume Screener Website">🗃️<!-- --> <!-- -->Resume Screener Website</h2><p class="text--truncate cardDescription_PWke" title="2 items">2 items</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><h2 class="text--truncate cardTitle_rnsV" title="TCET Linux Website">🗃️<!-- --> <!-- -->TCET Linux Website</h2><p class="text--truncate cardDescription_PWke" title="2 items">2 items</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/projects/tcet-linux/about-tcet-linux"><h2 class="text--truncate cardTitle_rnsV" title="TCET Linux">🗃️<!-- --> <!-- -->TCET Linux</h2><p class="text--truncate cardDescription_PWke" title="2 items">2 items</p></a></article></section></article><footer class="margin-top--lg"><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/about-tcetopensource"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About the Organization</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/about-docs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About Docs</div></a></nav></footer></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/category/resources/index.html b/docs/category/resources/index.html index de4c9be9..3a9bb228 100644 --- a/docs/category/resources/index.html +++ b/docs/category/resources/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/category/workflows">Workflows</a><button aria-label="Toggle the collapsible sidebar category &#x27;Workflows&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="generatedIndexPage_vN6x"><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Resources</span><meta itemprop="position" content="1"></li></ul></nav><header><h1 class="title_kItE">Resources</h1><p>Resources created by the Organization to understand our workflow.</p></header><article class="margin-top--lg"><section class="row list_eTzJ"><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/category/workflows"><h2 class="text--truncate cardTitle_rnsV" title="Workflows">🗃️<!-- --> <!-- -->Workflows</h2><p class="text--truncate cardDescription_PWke" title="2 items">2 items</p></a></article></section></article><footer class="margin-top--lg"><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/iso-profile/scripts"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Scripts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/category/workflows"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Workflows</div></a></nav></footer></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/category/workflows/index.html b/docs/category/workflows/index.html index 8830f32d..c82f9d62 100644 --- a/docs/category/workflows/index.html +++ b/docs/category/workflows/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/category/workflows">Workflows</a><button aria-label="Toggle the collapsible sidebar category &#x27;Workflows&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/resources/workflows/internal-workflow/">Internal Workflow</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/resources/workflows/external-workflow/">External Workflow</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="generatedIndexPage_vN6x"><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/resources"><span itemprop="name">Resources</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Workflows</span><meta itemprop="position" content="2"></li></ul></nav><header><h1 class="title_kItE">Workflows</h1><p>Workflows are practiced within an Organization to ensure that all contributions done are as per a given set of practices to have quality code and proper communication with the maintainers. All contributions are welcome in TCET Open Source as long as the workflows are followed: from coding practices of every project to pushing changes on GitHub. Our Organization follows the below mentioned workflows whether you are a part of our Teams or contributing from outside the Organization and expect everyone to follow the same.</p></header><article class="margin-top--lg"><section class="row list_eTzJ"><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/resources/workflows/internal-workflow/"><h2 class="text--truncate cardTitle_rnsV" title="Internal Workflow">📄️<!-- --> <!-- -->Internal Workflow</h2><p class="text--truncate cardDescription_PWke" title="The Workflow to be practiced within the Organization">The Workflow to be practiced within the Organization</p></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg cardContainer_fWXF" href="/docs/resources/workflows/external-workflow/"><h2 class="text--truncate cardTitle_rnsV" title="External Workflow">📄️<!-- --> <!-- -->External Workflow</h2><p class="text--truncate cardDescription_PWke" title="The Workflow to be practiced from outside the Organization">The Workflow to be practiced from outside the Organization</p></a></article></section></article><footer class="margin-top--lg"><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/category/resources"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Resources</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/resources/workflows/internal-workflow/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Internal Workflow</div></a></nav></footer></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/about-docs/index.html b/docs/projects/docs-site/about-docs/index.html index 6600fe08..ee87c2b5 100644 --- a/docs/projects/docs-site/about-docs/index.html +++ b/docs/projects/docs-site/about-docs/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Docs Site</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>About Docs</h1></header><img loading="lazy" src="https://opensource.tcetmumbai.in/img/logo.png" width="25%" height="30%" class="img_ev3q"><br><br><p>The primary goal of <strong>TCET Open Source</strong> is to provide other users with access to project documentation for all of their college projects. The organization recognizes the importance of clear and concise documentation when creating open-source software, and believes that Docusaurus is a valuable tool to achieve this goal.</p><p>Through the use of the website, visitors can access useful information about the <code>goals</code>, <code>methods</code>, and <code>benefits</code> of the projects, as well as technical details like <code>code snippets</code>, <code>images</code>, and <code>diagrams</code>. This documentation will help readers understand how the projects work and their potential applications. <strong>TCET Open Source</strong> is dedicated to keeping their documentation up-to-date to ensure that visitors have access to the latest information.</p><p>By utilizing Docusaurus, <strong>TCET Open Source</strong> will be able to develop a user-friendly documentation website that is visually appealing and easy to navigate. Overall, by providing project documentation, the organization hopes to contribute to the open-source community and promote knowledge-sharing and collaboration.</p><br><blockquote><p><em>If you&#x27;re ready to get started with contributing to <strong>TCET Open Source</strong>, head over to our installation guide for step-by-step instructions on how to <a href="/docs/projects/docs-site/getting-started"><strong>Get Started</strong></a> with the Docs site.</em></p></blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/about-docs.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:30:14.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/category/projects"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Projects</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/getting-started/index.html b/docs/projects/docs-site/getting-started/index.html index e076dfc2..49ab57d5 100644 --- a/docs/projects/docs-site/getting-started/index.html +++ b/docs/projects/docs-site/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><p>Basic Document on how to get started with the Docs Site.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-the-site-on-your-local-system">Steps to run the site on your local system:<a href="#steps-to-run-the-site-on-your-local-system" class="hash-link" aria-label="Direct link to Steps to run the site on your local system:" title="Direct link to Steps to run the site on your local system:">​</a></h2><p>These are the steps you need to follow to get this site on your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-git-in-your-computer">Install Git in your computer<a href="#install-git-in-your-computer" class="hash-link" aria-label="Direct link to Install Git in your computer" title="Direct link to Install Git in your computer">​</a></h3><p>Follow these steps to install git in your computer.</p><ol><li>Go to <a href="https://git-scm.com/downloads" target="_blank" rel="noopener noreferrer">https://git-scm.com/downloads</a>.</li><li>Click on Windows. Download should start.</li><li>Go to downloads and install the package.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-repo">Clone the repo<a href="#clone-the-repo" class="hash-link" aria-label="Direct link to Clone the repo" title="Direct link to Clone the repo">​</a></h3><p>Open Git Bash in any folder and paste the following command</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone -b experiment https://github.com/tcet-opensource/documentation.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-nodejs">Install NodeJS<a href="#install-nodejs" class="hash-link" aria-label="Direct link to Install NodeJS" title="Direct link to Install NodeJS">​</a></h3><ol><li>Go to <a href="https://nodejs.org/en/download" target="_blank" rel="noopener noreferrer">https://nodejs.org/en/download</a></li><li>Select <b>Current</b>.</li><li>Download the 64-bit .msi version. Follow the steps and install NodeJS.</li></ol><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>It is important to have NodeJS in your system</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-the-folder-in-vs-code">Open the folder in VS Code<a href="#open-the-folder-in-vs-code" class="hash-link" aria-label="Direct link to Open the folder in VS Code" title="Direct link to Open the folder in VS Code">​</a></h3><ol><li>Install <a href="https://code.visualstudio.com/docs/?dv=win32user" target="_blank" rel="noopener noreferrer">VS Code</a> if not installed. </li><li>Open Windows Terminal in the folder you have cloned the repo, as done in <a href="#clone-the-repo">step 2</a>.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-important-packagesdependencies">Install Important Packages/Dependencies<a href="#install-important-packagesdependencies" class="hash-link" aria-label="Direct link to Install Important Packages/Dependencies" title="Direct link to Install Important Packages/Dependencies">​</a></h3><p>Install Docusaurus</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> docusaurus</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="run-the-site-live-locally--making-changes">Run the site live locally + making changes<a href="#run-the-site-live-locally--making-changes" class="hash-link" aria-label="Direct link to Run the site live locally + making changes" title="Direct link to Run the site live locally + making changes">​</a></h3><p>You can run the site by running the following command in VC Code terminal.</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> run start</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can make changes to your respective files and changes will be shown once you have saved the file.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/getting-started.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:30:14.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/about-docs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About Docs</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/navbar/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Navbar</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#steps-to-run-the-site-on-your-local-system" class="table-of-contents__link toc-highlight">Steps to run the site on your local system:</a><ul><li><a href="#install-git-in-your-computer" class="table-of-contents__link toc-highlight">Install Git in your computer</a></li><li><a href="#clone-the-repo" class="table-of-contents__link toc-highlight">Clone the repo</a></li><li><a href="#install-nodejs" class="table-of-contents__link toc-highlight">Install NodeJS</a></li><li><a href="#open-the-folder-in-vs-code" class="table-of-contents__link toc-highlight">Open the folder in VS Code</a></li><li><a href="#install-important-packagesdependencies" class="table-of-contents__link toc-highlight">Install Important Packages/Dependencies</a></li><li><a href="#run-the-site-live-locally--making-changes" class="table-of-contents__link toc-highlight">Run the site live locally + making changes</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/navbar/adding-items/index.html b/docs/projects/docs-site/navbar/adding-items/index.html index 8ce71342..11cad9d5 100644 --- a/docs/projects/docs-site/navbar/adding-items/index.html +++ b/docs/projects/docs-site/navbar/adding-items/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/title-and-logo">Title and Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/navbar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/search-bar">Search Bar</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/navbar/"><span itemprop="name">Navbar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Items</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Items in Navbar</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-items">Adding items<a href="#adding-items" class="hash-link" aria-label="Direct link to Adding items" title="Direct link to Adding items">​</a></h3><p>To add the labels of the Docs and Blog items in the navbar, we will need to modify the <code>items</code> array within the <code>navbar</code> object in the <code>themeConfig</code> object in your <code>docusaurus.config.js</code> file.</p><p>Here&#x27;s how we made those changes:</p><ol><li><p>Opening the <code>docusaurus.config.js</code> file in our project&#x27;s root directory.</p></li><li><p>Locating the <code>themeConfig</code> object within the file. It should be defined as follows:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Your theme configuration goes here</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Finding the <code>navbar</code> property within the <code>themeConfig</code> object. This property contains configuration options for the navbar.</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;TCET Open Source&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">logo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">alt</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;TCET Open Source Logo&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">src</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;img/logo.png&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Locating the <code>items</code> property within the navbar object. This property is an array of objects that define the links in the navbar.</p></li><li><p>To add the <code>Docs</code> label to the <code>navbar</code>, we need to create a new object in the <code>items</code> array with the following properties:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;doc&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;about-tcetopensource&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">sidebarId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;left&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>To add the <code>Blog</code> label to the <code>navbar</code>, we need to create a new object in the <code>items</code> array with the following properties:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">to</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;/blog&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Blog&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;left&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Saving the changes to our <code>docusaurus.config.js</code> file.</p></li></ol><br><p><em>Now that we had <a href="/docs/projects/docs-site/navbar/adding-items"><strong>added items to our navbar</strong></a>, the next step was to start <a href="/docs/projects/docs-site/navbar/adding-links"><strong>adding links</strong></a> to connect our pages.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/navbar/adding-items.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/navbar/title-and-logo"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Title and Logo</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/navbar/adding-links"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Links</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-items" class="table-of-contents__link toc-highlight">Adding items</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/navbar/adding-links/index.html b/docs/projects/docs-site/navbar/adding-links/index.html index 6173f078..a3185183 100644 --- a/docs/projects/docs-site/navbar/adding-links/index.html +++ b/docs/projects/docs-site/navbar/adding-links/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/title-and-logo">Title and Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/navbar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/search-bar">Search Bar</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/navbar/"><span itemprop="name">Navbar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Links</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Links in Navbar</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-href-to-our-github-repo">Adding href to our Github repo:<a href="#adding-href-to-our-github-repo" class="hash-link" aria-label="Direct link to Adding href to our Github repo:" title="Direct link to Adding href to our Github repo:">​</a></h3><ol><li><p>Navigating to the <code>themeConfig</code> object in our Docusaurus configuration file.</p></li><li><p>Locating the <code>navbar</code> object within the <code>themeConfig</code> object.</p></li><li><p>Finding the <code>items</code> array within the <code>navbar</code> object.</p></li><li><p>Locating the object within the <code>items</code> array that has the <code>href</code> property.</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">href</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;https://github.com/your-organization/your-repo&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;GitHub&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;right&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Replacing the value of the href property with the URL of our organization&#x27;s GitHub repo.</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">href</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;https://github.com/tcet-opensource/documentation&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;GitHub&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;right&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>We added the <code>position:&#x27;right&#x27;</code> to our <code>href</code> object because we wanted the link to be displayed on the right side of the <code>navbar</code>.</p></div></div></li></ol><br><p><em>With the <a href="/docs/projects/docs-site/navbar/adding-links"><strong>links</strong></a> in place, we then move forward to create the <a href="/docs/projects/docs-site/navbar/search-bar"><strong>search bar</strong></a> for our navbar.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/navbar/adding-links.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/navbar/adding-items"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Items</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/navbar/search-bar"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Search Bar</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-href-to-our-github-repo" class="table-of-contents__link toc-highlight">Adding href to our Github repo:</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/navbar/index.html b/docs/projects/docs-site/navbar/index.html index efd8cfbd..466d5913 100644 --- a/docs/projects/docs-site/navbar/index.html +++ b/docs/projects/docs-site/navbar/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/title-and-logo">Title and Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/search-bar">Search Bar</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Navbar</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Navbar</h1></header><p>A detailed overview on using <strong>Navbar</strong> in our Documentation Website.</p><p>The <strong>Navbar</strong> in our <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> is a responsive navigation bar that provides easy access to different sections of our documentation website. It is typically located at the top of the page and contains links to important pages such as the Home page, Documentation, Blog, and Search function. Navbars can also include drop-down menus to organize and categorize your content.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="features">Features<a href="#features" class="hash-link" aria-label="Direct link to Features" title="Direct link to Features">​</a></h2><table><thead><tr><th align="left">Characteristics</th><th align="left">Definition</th></tr></thead><tbody><tr><td align="left"><b>🛃 Customizability</b></td><td align="left">Docusaurus provides a variety of configuration options for navbars, including the ability to customize the color scheme, logo, and menu items.</td></tr><tr><td align="left"><b>🧿 Responsive design</b></td><td align="left">Navbars in Docusaurus are designed to be responsive, meaning they can adapt to different screen sizes and devices. This ensures that your website is accessible and easy to use on desktops, tablets, and mobile devices.</td></tr><tr><td align="left"><b>🧩 Easy integration with Markdown</b></td><td align="left">Docusaurus is built using Markdown, a lightweight markup language that is easy to learn and use. Navbars can be easily integrated into Markdown files using simple syntax.</td></tr><tr><td align="left"><b>🔍 Search functionality</b></td><td align="left">Navbars in Docusaurus can include a search bar, allowing users to easily search for content on your website.</td></tr><tr><td align="left"><b>📝 Localization support</b></td><td align="left">Docusaurus supports localization, allowing you to create multilingual documentation websites. Navbars can be customized for different languages and locales.</td></tr></tbody></table><br><br><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you&#x27;re looking for more information and detailed references on navbars in Docusaurus, we would recommend checking out the official <a href="https://docusaurus.io/docs/api/themes/configuration#navbar" target="_blank" rel="noopener noreferrer"><strong>Docusaurus documentation&#x27;s API navbar page</strong></a></p></div></div><br><p><em>Great, now we will be heading to learn about configuring the <a href="/docs/projects/docs-site/navbar/title-and-logo"><strong>title and logo of the navbar</strong></a> in our website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/navbar/navbar.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:30:14.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/navbar/title-and-logo"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Title and Logo</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/navbar/search-bar/index.html b/docs/projects/docs-site/navbar/search-bar/index.html index 840ca476..6d33b6bd 100644 --- a/docs/projects/docs-site/navbar/search-bar/index.html +++ b/docs/projects/docs-site/navbar/search-bar/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/title-and-logo">Title and Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/navbar/search-bar">Search Bar</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/navbar/"><span itemprop="name">Navbar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Search Bar</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Search Bar in Navbar</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-a-search-bar">Adding a search bar<a href="#adding-a-search-bar" class="hash-link" aria-label="Direct link to Adding a search bar" title="Direct link to Adding a search bar">​</a></h3><p>We are continuously working on improving our website to provide the best user experience. As part of this effort, we will be adding a <strong>search bar functionality</strong> in the near future. </p><p>This feature will make it easy for users to access the documentations and blogs on our website. Thank you for your patience and support as we strive to make our website more user-friendly and professional.</p><blockquote><p><strong>Here are the steps we plan to take to implement this functionality:</strong></p></blockquote><ol><li><p>Installing the <code>@docusaurus/plugin-search-local</code> package:</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> --save-dev @docusaurus/plugin-search-local</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Adding the plugin to our <code>docusaurus.config.js</code> file:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">plugins</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;@docusaurus/plugin-search-local&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">indexDocs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Whether to index docs pages</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">indexBlog</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Whether to index blog pages</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">indexPages</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Whether to index static pages</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docsRouteBasePath</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;/docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Base path for the docs route</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">blogRouteBasePath</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;/blog&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Base path for the blog route</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">language</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;en&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Supported languages</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Adding the search bar to the navbar in our <code>themeConfig</code> file:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;search&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;right&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Building our site:</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> run build</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Running our site:</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> run start</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="congratulations-">Congratulations 🎊<a href="#congratulations-" class="hash-link" aria-label="Direct link to Congratulations 🎊" title="Direct link to Congratulations 🎊">​</a></h2><p>Following these steps and points, we were able to create a beautiful and interactive navbar . It&#x27;s final structure looks something like this:</p><img loading="lazy" src="/assets/images/navbar-1-47d076475843abcbaa8a3be2e3446a3f.png" class="img_ev3q"><br><br><p><em>With this, we are pleased to announce that the <strong>navbar feature has been successfully added to the our organizations&#x27;s website</strong>. You may have noticed that the navbar has a number of helpful links and features that make it simple to navigate the documentation.</em></p><p>We are convinced that by including search capabilities in the navbar, our users will reach the documentation and blog entries even more easily.</p><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy">📢</span>Annoucement</div><div class="admonitionContent_S0QG"><br><p>We&#x27;re excited to share that the next page of our project documentation will include a detailed overview of the sidebars that we&#x27;ll be incorporating. We believe that this will greatly enhance the user experience and make navigating our documentation even easier. <i><b>Stay tuned for more updates!</b></i></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/navbar/search-bar.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-15T06:51:10.000Z">Jun 15, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/navbar/adding-links"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Links</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/sidebar/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Sidebars</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-a-search-bar" class="table-of-contents__link toc-highlight">Adding a search bar</a></li><li><a href="#congratulations-" class="table-of-contents__link toc-highlight">Congratulations 🎊</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/navbar/title-and-logo/index.html b/docs/projects/docs-site/navbar/title-and-logo/index.html index 384db5b8..76387c76 100644 --- a/docs/projects/docs-site/navbar/title-and-logo/index.html +++ b/docs/projects/docs-site/navbar/title-and-logo/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/navbar/title-and-logo">Title and Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/navbar/search-bar">Search Bar</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/navbar/"><span itemprop="name">Navbar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Title and Logo</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Title and Logo in Navbar</h1></header><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="using-navbars">Using Navbars<a href="#using-navbars" class="hash-link" aria-label="Direct link to Using Navbars" title="Direct link to Using Navbars">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-title-and-logo">Adding title and logo<a href="#adding-title-and-logo" class="hash-link" aria-label="Direct link to Adding title and logo" title="Direct link to Adding title and logo">​</a></h3><p>To change the value of the <code>title</code> and <code>logo</code> in the navbar function, we need to edit the <code>themeConfig</code> object in the <code>docusaurus.config.js</code> file of our project.</p><p>Here&#x27;s a step-by-step guide on how we made those changes:</p><ol><li><p>Opening the <code>docusaurus.config.js</code> file in our project&#x27;s root directory.</p></li><li><p>Locating the <code>themeConfig</code> object within the file. It should be defined as follows:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token literal-property property" style="color:#36acaa">themeConfig</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Your theme configuration goes here</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>To change the title of the navbar, we located the <code>title</code> property within the <code>navbar</code> object, and updated its value to the desired title:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;TCET Open Source&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>To change the logo of the navbar, we located the <code>logo</code> object within the <code>navbar</code> object, and updated its <code>src</code> and <code>alt</code> properties to the desired logo image and alt text:</p><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">docusaurus.config.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token literal-property property" style="color:#36acaa">navbar</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">logo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">alt</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;TCET Open Source Logo&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">src</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;img/logo.png&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other navbar properties go here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>In our case we had the logo of our website at <code>/img/logo.png</code></p></div></div></li><li><p>Save the <code>docusaurus.config.js</code> file.</p></li><li><p>Run <code>yarn start</code> or <code>npm start</code> to see the changes reflected in your local development environment.</p></li></ol><br><p><em>With the <a href="/docs/projects/docs-site/navbar/title-and-logo"><strong>title and logo</strong></a> completed, it&#x27;s time we move onto <a href="/docs/projects/docs-site/navbar/adding-items"><strong>adding items to our navbar</strong></a>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/navbar/title-and-logo.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/navbar/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Navbar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/navbar/adding-items"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Items</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#using-navbars" class="table-of-contents__link toc-highlight">Using Navbars</a><ul><li><a href="#adding-title-and-logo" class="table-of-contents__link toc-highlight">Adding title and logo</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/sidebar/adding-categories/index.html b/docs/projects/docs-site/sidebar/adding-categories/index.html index 55ecb605..e81f1e80 100644 --- a/docs/projects/docs-site/sidebar/adding-categories/index.html +++ b/docs/projects/docs-site/sidebar/adding-categories/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-categories">Category</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/multiple-sidebars">Multiple Sidebars</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/sidebar/"><span itemprop="name">Sidebar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Category</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Category in Sidebars</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-categories-in-sidebars">Adding categories in sidebars<a href="#adding-categories-in-sidebars" class="hash-link" aria-label="Direct link to Adding categories in sidebars" title="Direct link to Adding categories in sidebars">​</a></h3><p>To add the category of the Docs and Blog items in the <code>sidebar</code>, we modified the <code>sidebar.js</code> file in the root directory of our project.</p><p><strong>Here&#x27;s how we made those changes:</strong></p><ol><li><p>Opening the <code>sidebars.js</code> file in our projects&#x27;s root directory.</p></li><li><p>To add a new category, we first created an array <code>docs</code>, in which we created an object with the <code>type</code> property set to <code>&#x27;category&#x27;</code>, the <code>label</code> prperty set to the name of the <code>&#x27;category&#x27;</code>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Adding the different categories and labels in our <code>sidebars.js</code> file.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p>With this we were able to add different <strong>categories</strong> in our website&#x27;s sidebars.</p><p><em>After completing the sidebar categories of <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> website, we then shifted our focus to review and <a href="/docs/projects/docs-site/sidebar/adding-items"><strong>organize the items</strong></a> within each category.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/sidebar/adding-categories.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/sidebar/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Sidebars</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/sidebar/adding-links"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Links</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-categories-in-sidebars" class="table-of-contents__link toc-highlight">Adding categories in sidebars</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/sidebar/adding-items/index.html b/docs/projects/docs-site/sidebar/adding-items/index.html index b2cf83ea..cf3b152d 100644 --- a/docs/projects/docs-site/sidebar/adding-items/index.html +++ b/docs/projects/docs-site/sidebar/adding-items/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-categories">Category</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/multiple-sidebars">Multiple Sidebars</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/sidebar/"><span itemprop="name">Sidebar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Items</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Items in Sidebar</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-and-organizing-items-in-sidebar-categories">Adding and organizing items in Sidebar Categories<a href="#adding-and-organizing-items-in-sidebar-categories" class="hash-link" aria-label="Direct link to Adding and organizing items in Sidebar Categories" title="Direct link to Adding and organizing items in Sidebar Categories">​</a></h3><p>Previously we looked at how we added the <a href="/docs/projects/docs-site/sidebar/adding-categories"><strong>categories</strong></a> and <a href="/docs/projects/docs-site/sidebar/adding-links"><strong>links</strong></a> in our sidebars. Now let&#x27;s have a look at how we will be adding and organizing some <code>items</code> in those <code>category</code>. </p><ol><li><p>Opening the <code>sidebars.js</code> file in our projects&#x27;s root directory.</p></li><li><p>To add a new item in the category, we created an array <strong><code>items</code></strong> inside the <code>docs</code> array.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;about-tcetopensource&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Items to be added</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Now we added the required <code>items</code> in the <code>category</code> &#x27;Projects&#x27;. </p><p><strong>Here&#x27;s an example of how we achieved this:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/about-docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/tcet-linux/about-tcet-linux&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><em>Thanks to these changes, we have successfully <a href="/docs/projects/docs-site/sidebar/adding-items"><strong>added various items</strong></a> to the Sidebar of <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> website, making it more <strong>informative</strong> and <strong>user-friendly</strong>.</em> Here&#x27;s how it looks:</p><img loading="lazy" src="/assets/images/sidebar-items-592f63d4930507b7898090c25970c562.png" style="border:2px solid gray;display:block;margin:0 auto" class="img_ev3q"><br><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>Important</div><div class="admonitionContent_S0QG"><br><p>After successfully adding different `items` to our website&#x27;s sidebar, we realized that <b>merging similar categories</b> under <b>one parent category</b> would make the sidebar look more <b>organized</b> and <b>effective</b>. This way, child categories inside the parent category could be collapsed, providing a more streamlined and efficient user experience.</p></div></div><br><p><em>Next, we will explore how we added <a href="/docs/projects/docs-site/sidebar/multiple-sidebars"><strong>multiple sidebars</strong></a> to our website to further enhance the <strong>organization</strong> and <strong>accessibility</strong> of our content. This was done with the same purpose of grouping similar categories together, while keeping the navigation easy for the users.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/sidebar/adding-items.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-15T06:51:10.000Z">Jun 15, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/sidebar/adding-links"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Links</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/sidebar/multiple-sidebars"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Multiple Sidebars</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-and-organizing-items-in-sidebar-categories" class="table-of-contents__link toc-highlight">Adding and organizing items in Sidebar Categories</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/sidebar/adding-links/index.html b/docs/projects/docs-site/sidebar/adding-links/index.html index d36cb6f9..6405426d 100644 --- a/docs/projects/docs-site/sidebar/adding-links/index.html +++ b/docs/projects/docs-site/sidebar/adding-links/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-categories">Category</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/multiple-sidebars">Multiple Sidebars</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/sidebar/"><span itemprop="name">Sidebar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Links</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Links in Sidebar</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-links-in-our-sidebars">Adding links in our sidebars:<a href="#adding-links-in-our-sidebars" class="hash-link" aria-label="Direct link to Adding links in our sidebars:" title="Direct link to Adding links in our sidebars:">​</a></h3><p>To add links to our categories in the sidebar for our project documentation, we followed these steps:</p><ol><li><p>Opening the <code>sidebars.js</code> file where our sidebar configuration is defined.</p></li><li><p>Next, we headed towards the category where we wanted to add the <code>link</code>.</p></li><li><p>Under the <code>category</code> label, we added a <code>link</code> property with an object containing the following keys:</p><ul><li><code>type</code>: This should be set to &#x27;doc&#x27; if you want to link to another documentation page. If you want to link to an external URL, set this to &#x27;link&#x27;.</li><li><code>title</code>: This should be the title that is to be displayed on the page.</li><li><code>description</code>: A short descrption about the project page.</li><li><code>keywords</code>: This will be helpful in identifying key words and provide better results on Search Function.</li></ul><br><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We updated the keys values within the object according to our requirements.</p></li><li><p>After completing the above steps, we then moved further with defining the default page for our sidebar and also to set the nature of our sidebar in terms of <strong>Collapsibility</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;about-tcetopensource&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li><p>We inserted the default page link at the start of our &#x27;docs&#x27; array because we wanted that whenever someone clicks on the <strong><code>Docs</code></strong> item in our <a href="/docs/projects/docs-site/navbar/adding-items"><strong>Navbar</strong></a>, they should see the <a href="/docs/projects/docs-site/about-docs"><strong>About Us</strong></a> page of <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a>.</p></li><li><p>We updated the value of <code>collapsed</code> property to <code>false</code> as we dont wanted our main category to hide everytime someone redirects to the <code>Docs</code> section.</p></li></ul><table><thead><tr><th align="center">collapsed: true</th><th align="center">collapsed: false</th></tr></thead><tbody><tr><td align="center"><img loading="lazy" alt="collapsed: true" src="/assets/images/collapsed-true-1bf9279fafcdb6b1833261b395c27ae3.png" width="364" height="299" class="img_ev3q"></td><td align="center"><img loading="lazy" alt="collapsed: false" src="/assets/images/collapsed-false-b58b860cdee10a715bcbbe0fe9a7fa0c.png" width="350" height="293" class="img_ev3q"></td></tr></tbody></table><p>You can clearly see the difference between the two properties when their values are updated respectively.</p></li></ol><br><p><em>Now that we briefed you about how we added links in the sidebars of our <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a>, the next step is to add some <a href="/docs/projects/docs-site/sidebar/adding-items"><strong>items to our categories</strong></a> in the sidebar. This will allow us to organize our documentation and make it easier for users to navigate through the different sections of our website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/sidebar/adding-links.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/sidebar/adding-categories"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Category</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/sidebar/adding-items"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Items</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-links-in-our-sidebars" class="table-of-contents__link toc-highlight">Adding links in our sidebars:</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/sidebar/index.html b/docs/projects/docs-site/sidebar/index.html index b1e5ff3b..a0c90008 100644 --- a/docs/projects/docs-site/sidebar/index.html +++ b/docs/projects/docs-site/sidebar/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-categories">Category</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/multiple-sidebars">Multiple Sidebars</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Sidebar</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Sidebar</h1></header><p>A detailed overview of using <strong>Sidebars</strong> in our Documentation Website.</p><p>The <strong>Sidebars</strong> in our <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> website is a navigation element that appears on the left side of our website. It contains links to the different sections and pages of our documentation, making it easier for users to find the information they need.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="features">Features<a href="#features" class="hash-link" aria-label="Direct link to Features" title="Direct link to Features">​</a></h2><table><thead><tr><th align="left">Characteristics</th><th align="left">Definition</th></tr></thead><tbody><tr><td align="left">📂 <strong>Organization</strong></td><td align="left">The sidebar helps you organize your documentation into logical sections and categories, making it easier for users to understand the structure of your content.</td></tr><tr><td align="left">🔍 <strong>Searchability</strong></td><td align="left">The sidebar allows users to search for specific topics or keywords within your documentation, making it easier for them to find the information they need.</td></tr><tr><td align="left">🛃 <strong>Customizability</strong></td><td align="left">The sidebar is highly customizable, allowing you to add custom links, images, and other types of content to your site.</td></tr><tr><td align="left">📲 <strong>Mobile optimization</strong></td><td align="left">The sidebar is optimized for mobile devices, making it easy for users to navigate your site on smartphones and tablets.</td></tr><tr><td align="left">🦾 <strong>Accessibility</strong></td><td align="left">The sidebar is designed to be accessible to users with disabilities, ensuring that all users can access and use your documentation.</td></tr></tbody></table><br><br><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you&#x27;re looking for more information and detailed references on sidebars in Docusaurus, we would recommend checking out the official <a href="https://docusaurus.io/docs/sidebar" target="_blank" rel="noopener noreferrer"><strong>Docusaurus documentation&#x27;s sidebar page</strong></a></p></div></div><br><p><em>Great, now we will be heading to learn about configuring the <a href="/docs/projects/docs-site/sidebar/"><strong>sidebars</strong></a> in our website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/sidebar/sidebar.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-04-22T11:21:34.000Z">Apr 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/navbar/search-bar"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Search Bar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/docs-site/sidebar/adding-categories"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Category</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#features" class="table-of-contents__link toc-highlight">Features</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/docs-site/sidebar/multiple-sidebars/index.html b/docs/projects/docs-site/sidebar/multiple-sidebars/index.html index 1d6d3f19..2b2ec4ea 100644 --- a/docs/projects/docs-site/sidebar/multiple-sidebars/index.html +++ b/docs/projects/docs-site/sidebar/multiple-sidebars/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/navbar/">Navbar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Navbar&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/docs-site/sidebar/">Sidebar</a><button aria-label="Toggle the collapsible sidebar category &#x27;Sidebar&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-categories">Category</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-links">Links</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/docs-site/sidebar/adding-items">Items</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/docs-site/sidebar/multiple-sidebars">Multiple Sidebars</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/about-docs"><span itemprop="name">Docs Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/docs-site/sidebar/"><span itemprop="name">Sidebar</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Multiple Sidebars</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Multiple Sidebars</h1></header><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-multiple-sidebars-in-our-website">Adding multiple sidebars in our website<a href="#adding-multiple-sidebars-in-our-website" class="hash-link" aria-label="Direct link to Adding multiple sidebars in our website" title="Direct link to Adding multiple sidebars in our website">​</a></h3><p>Adding multiple sidebars in our website allowed us to better organize our content and improve the navigation experience for our users. We created different <a href="/docs/projects/docs-site/sidebar/adding-categories"><strong>categories</strong></a> in the sidebars for different sections of our website and added them to the appropriate pages.</p><p><strong>Here&#x27;s a step-by-step guide on how the multiple sidebars were added to our <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Open Source</a> website.</strong></p><ol><li><p>Locating the <code>sidebars.js</code> file in our project&#x27;s root directory.</p></li><li><p>We already have our <strong>sidebar</strong> ready from the previous page. <a href="/docs/projects/docs-site/sidebar/adding-items#adding-and-organizing-items-in-sidebar-categories">See here</a></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/about-docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/tcet-linux/about-tcet-linux&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-nested-categories">Adding nested categories<a href="#adding-nested-categories" class="hash-link" aria-label="Direct link to Adding nested categories" title="Direct link to Adding nested categories">​</a></h3><ol start="3"><li><p>For creating multiple sidebars, we chose to categorize <code>Docs Site</code> in our <code>Projects</code> category such that all the <strong>children categories</strong> of the category <code>Docs Site</code> stays inside it. </p><p><strong>Here&#x27;s how we added a nested category in our <code>sidebars.js</code> file.</strong></p><ol><li><p>We needed to update the <code>projects/docs-site/about-docs</code> in the category of <code>Docs Site</code> such that whenever someone clicks on the <code>Docs Site</code> link, the <a href="/docs/projects/docs-site/about-docs"><strong>About Docs</strong></a> section should be displayed.</p></li><li><p>To do this we will have to add a new <code>category</code> labelled <strong>&#x27;Docs Site&#x27;</strong> in the <code>items</code> of the predefined category <code>Projects</code> and we have to link this doc&#x27;s default page to <a href="/docs/projects/docs-site/about-docs"><strong>About Docs</strong></a> page as mentioned in the earlier step.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;about-tcetopensource&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Docs Site&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;doc&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">id</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/about-docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><em>After following the steps mentioned above, we were able to create a nested category in our website&#x27;s <strong>Sidebar</strong>.</em></p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Before moving forward to the next step, make sure you have referred the basics of <strong>adding items</strong> in a sidebar category. <a href="/docs/projects/docs-site/sidebar/adding-items"><strong>See here</strong></a></p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-nested-items-in-nested-categories">Adding nested items in nested categories<a href="#adding-nested-items-in-nested-categories" class="hash-link" aria-label="Direct link to Adding nested items in nested categories" title="Direct link to Adding nested items in nested categories">​</a></h3><ol start="4"><li><p>Next, we had to define different categories in <code>items</code> of our newly defined category <strong>Docs Site</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">sidebars.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> sidebars </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">docs</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;about-tcetopensource&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;generated-index&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Project Docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Official Documentation of all TCET Open Source projects&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">keywords</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">&#x27;documentation, open-source&#x27;</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">collapsed</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Docs Site&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;doc&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">id</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/about-docs&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/getting-started&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;category&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">label</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;Navbar&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">type</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;doc&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">id</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/navbar/navbar&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">items</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/navbar/title-and-logo&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/navbar/adding-items&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/navbar/adding-links&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;projects/docs-site/navbar/search-bar&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other sidebar properties</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain">module</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">exports</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> sidebars</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>If you look carefully at the highlighted codeblock above, you will notice that there is another category defined in the <code>items</code> array of the category <code>Docs Site</code>. This is because the <strong>parent</strong> category <code>Navbar</code> has various <strong>child</strong> <code>items</code> inside it. </p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">- Getting Started</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">- Navbar</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - Title and Logo</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - Items</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - Links</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> - Search Bar</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>If you have any doubts in adding nested categories in items, <a href="#adding-nested-categories">see here</a></strong></p></div></div></li></ol><br><ol start="5"><li>Similarly for defining a new nested <code>category</code> in our sidebar, we referred <strong><a href="#adding-nested-categories">Step 3-4</a></strong> for creating and adding <strong>new categories and items</strong> in our <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> website&#x27;s sidebar.</li></ol><br><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="congratulations-">Congratulations 🎊<a href="#congratulations-" class="hash-link" aria-label="Direct link to Congratulations 🎊" title="Direct link to Congratulations 🎊">​</a></h2><p><em>This marks the end of the project documentation on configuring the sidebar of <a href="https://opensource.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Open Source</strong></a> website using the <code>sidebar.js</code> file.</em></p><p><strong>Here&#x27;s a snapshot of how our sidebar looks after meeting all the requirements.</strong></p><img loading="lazy" src="/assets/images/sidebar-33b9b9d10d3ea58233bfa2b6b91fce5b.png" style="border:2px solid gray;display:block;margin:0 auto" class="img_ev3q"><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>In the upcoming section, we will delve into the process of configuring the <code>docusaurus.config.js</code> file, which is crucial for seamlessly integrating our previously created <a href="/docs/projects/docs-site/sidebar/"><strong>sidebar</strong></a> with the <a href="/docs/projects/docs-site/navbar/"><strong>navbar</strong></a> of our website built using Docusaurus.</p><i><b>Stay tuned for more updates!</b></i></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/docs-site/sidebar/multiple-sidebars.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-15T06:51:10.000Z">Jun 15, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/sidebar/adding-items"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Items</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/about-tnp-website"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">T&amp;P Website</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-multiple-sidebars-in-our-website" class="table-of-contents__link toc-highlight">Adding multiple sidebars in our website</a></li><li><a href="#adding-nested-categories" class="table-of-contents__link toc-highlight">Adding nested categories</a></li><li><a href="#adding-nested-items-in-nested-categories" class="table-of-contents__link toc-highlight">Adding nested items in nested categories</a></li><li><a href="#congratulations-" class="table-of-contents__link toc-highlight">Congratulations 🎊</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/about-fmc-website/index.html b/docs/projects/fmc-website/about-fmc-website/index.html index 21dde7e8..b1fe459a 100644 --- a/docs/projects/fmc-website/about-fmc-website/index.html +++ b/docs/projects/fmc-website/about-fmc-website/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -32,7 +32,7 @@ <strong> As you see in tht images below:</strong></p><p align="center"><img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAwCAYAAADZ9HK+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAT0SURBVHhe7ZpPSFtJHMe/WvEgaA4qgkILGv9bD+JBqqE57KJeWhNB/Nf20GVrw1qkuh5E6WpPsnUtaxVd6kFqWdcuxrbiQd3+IRqpXnRhXYipHvSyWIv/ELbKum8m86LRJCYa2hdnPjLMm+97mUjm+2Z+v3kvIDwiYg8CbglktYBThAE4RxiAc4QBOEcYgHOEAThHGIBzhAE4RxiAc4QBOEcYwE/IzMzE33NzyMjIYIpvEAbwE2JjYxEZGYm4uDim+AZhAM4RBlAICQkJ+L6mhrWOsr297VA7g3w+Pj6etTzjXEhIyA/sWPAFKS8vR11dHaKiojA6OsrUfZaXl/Hm7VuYzWbs7u4y1UZAQABaW1thMBjodVNTU+zM8QgDKITp6WkkJyejqKgIEeHhGB0bY2ds7OzsYGlp6cjgE35qacH1a9fwcmgIDQ0N2Nvz/BUP8UKIgggODsZvfX3499MnFBcX27X8vDwa/ScmJsJisVCz/PHqlX05+P3ZM/wnDXppaalTg7hDGEDBaLVatEh394Xz55myz9raGqqrq/H8xQumnAxhAIWSm5uLp729rOWaqwUFmJiYYC3vOVEW8NC8gg8rUjE/ZMrxGIxWzz5TMYD35DqHYoWxgp13hv0zzq4zwGi19WP+mUkHcfp9h4p1QOrl86FSqdDR3s5a7vmlqwuhoaGs5T2KSgOpse5roGLtfVTQ3F/Be+PnHIYvR2lJCTWBJ5CsQa/Xs5b3KMYAZIYoZyns+vg9RERGsvIUFpsMVc5d9zPBSejUI87+XfdgWrfJDv+DWo8Om+xTYmJikJ2dTUtaWhpTgaysLHbkGWmpqexIOpb6kfuMjo5mqmsUYgADvr5oczz54eN0B3/uKlxqMGFd+jM1qKHrZPIZYEzK958PDtLy5vVrJCUlUV2Ky2jtKWq1mtapKSm0H7nP0ZERqrtDGQao+ArpdPwteOkw+Ax6l56twSeUSGkbCeLkYrVaqb4ixR3e8GF1ldaW+XmH/krLyqjuDmUYICXKybp/EmyxgmMQ1wiNbzr3OTMzMzSCl4ucw0+9e0drT5mcnKQ12Sw62N/s7CzV3aGoIPAw9mzjQHEayZ8xfu3rw9bWFmu5Z/XjR/T397OW9yjDAHP/SCs8IQoXThXkkThBDujksh/Y+Qtkk+e7ykrWco/h9m2PzeIMZRigcwx/0kFSIT13P9WruuS/g3hahoaG8O2tW9jc3GSKIxsbG7h+4wbdEj4NClkCOqAbtiV7qpzGI/m+wXhXseu4LyH7/saBAQwajbQ9IB1fTE9HfX09xsfHYTKZqNbW1obLWi2Gh4fpdSTi7+7uRlBQEG17w+kMEF92ZI2mxYsdQjt3stE7bzskJjjYX1OOPPoWTN1hh2eMwMBAdD9+DI1Gg7/m5pgKOr13dnWhQKeDTq+ns0JjUxN9MiizsLCAq1euoP3RI/po2BsUFQTSKZ/m/IeR1/ZsVDHlrFEprfn5+fno6emhd7wzXL3sUV1TQwPBwsJCfHPzJlM9QzwMUgjkjSByF//44AFTHMnLy0Pvkyc0tx9xssFD7vza2lpqhMXFRaYej6JmAJ4hz/ldDT4hLCyM1q6eEZCXQJqbm70afIIwAOcIA/gJ8vawt9vExyFiAM4RMwDnCANwjjAA5wgDcI4wAOcIA3COMADnCANwjjAA5wgDcI4wANcA/wPvPPv8IjAKnQAAAABJRU5ErkJggg==" style="border:2px solid gray" class="img_ev3q"><img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAAAuCAYAAAAWTVaIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAVkSURBVHhe7Zp/TBNnGMe/ZYxBEUaGWxV/zIIsc2rGZgZiDAMyk2XGdaExnZIMTZZlif/sj2UmjEAgaOLiHzOLWVyyIFkAMZYJ7AebDLuG3w4DGCc4tW78KjLH+CmLIru7vm0Pete7ctdqLu8nudzzvH2vl/R7z/M+z3vVzc4tLICiKcLImaIhqKgahIqqQaioGoSKqkGoqBqEiqpBqKgahG4+PAL6bw2i7fI1/OEYwvvvvgnjulXkE3WgooaQYedd1DS0wDE4yvmRkRE4/OFexK7Qc75aUFFDRPNvV1F3oR3z8w/JCLDflIVtWzcSTz3omhoCfrZ34duG1kWCxkRH4dUtScRTFypqkOm6cgM/2S8Tz0vK5iTodDriqQsVNYjcfzCP+sZ24i0mUeXiiA8VNYjY2noxNXOPeIuJiVG3OOJDRQ0SM/fmYGvvIZ4AQaxPqahB4ur1vzD3333i+TJy5x9iqY8sUTuO6qCPFDmOtpFZEgxVYh/vumOdZFyUNhzjzfc9jqCDzPTBcy8zqofIGGG02uz5jn3VTjKqPqNj48QSZpDpWYOF8kgt2QF9biVc7bQ4o81W1BKbpbhR5sMgSgGy/AkrACuoMa/G5RS2osoSvGJlRELUkTuPi6jMDzE7t+A97KWucWsuPvL71Dthq3P9mEWF5JqSJtmCFNl59+SOVhRxnxTAJhnxhM4jiwSdzU932UHCKZFeB4bHPDtLaqMsUlM/haM8hzNr65rEo3WoCeetrFGKzPzswAXxwYgNZpfV7ZCRQhlB9RkFLjsEgrKwhZI/2DrpTK2Na3vURnH6New0w8QaVitsS9YvN57UW5iNNKQjs5AbXn4K9jwkTBNvlEih7PrqFtRcAUcIBGVhd4yk+Ht8kts6VBvla+oaI1KIKYw39ZqSjNw57Y3AUnBxBr9AYo6kXNdDwoh0IJWbIkINDmaQuSySy4R6xMWuIJZ/Wrt+x9nv7H4r5aVc6r2OKibKxVAuqhSeqMrBOztJVKUqT8HcOluxHwbi+4URv4xkh9q8rwMqrpZL4nr5RVhHdz+OnzqHG38OkxFf2HR9a8CJcmsjztT9ioGRMfKJL8pFHXKgm5hCeKteJmqS3NG2A8XcmLwU7C6U3Os3i6y1lIVNuYz4lnxvcZUltw1TwKbk9cSSx/jkNL785nuUflGF0+cu4JeWbvTfHEBHTz/3MqDkRAVOltej95qDm7/9lU3cWQhVRHWlQjMy13AjPLypV5SS4z69pBgGixUXPRG3Wkavm4Oyz9zRnI4D7ocigHsul+cTnsOzzzxNPPmMT0zjSt9t/HDxEr6qasDZejv32m5yepbMAMKfCEPqyy8QzxdlovKKENPb2b6pkJd6y27yWxL2cEdODc43y1/n0jwRx0T5Cen+mI/B8rHnngc/CezaQAkL08G0azvx1GXb1mTuBbsYgYnKbjSIFCyfCzTyntQrGMXeKthvO+RDOg7L7o+XwotW5trTy26p5MGm4JSXEomnDvFxMdid7bc6VJ5+TeUjIgULL/VuNgoWNJ4q2E87JAjTH3vT8KGAUqnBchJlpMctzghsR2o5WPa8DsPKOOIpQx8ViQ9y30K0PpKMCEP/zhIC7v47xRU5E1MzZCRwIp4Mx6H39mDt6pVkRBwqaohgC51TlT9Kbh8KwW5k5O3dBeNaWQ0cFTWUPJh/iM7uPjS19HAtjBQREeHYtiUZu7NeQ1TUU2RUGirqI4D9xW8POtHb52DOo5iYnOX+IRHNCBcfF4uEVfFI3pCAFzeu49JuoFBRNYjyzQfKYwcVVYNQUTUIFVWDUFE1CBVVg1BRNQgVVYNQUTUIFVWDUFE1B/A/2PoVJHCtJ4oAAAAASUVORK5CYII=" style="border:2px solid gray" class="img_ev3q"></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="reset-button">Reset button<a href="#reset-button" class="hash-link" aria-label="Direct link to Reset button" title="Direct link to Reset button">​</a></h3><p>This button is used to reset the website.<br> <strong> As you see in the image below: </strong></p><p align="center"><img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAN7SURBVHhe7ZsxSBtRGMf/StNIMdY2poINkjgF6lJiJu1QXcShQsCh4FQnt+ySKbhnc7KT0EEI2KG4tB1qpyhdFFw0DlZobUprpGhTtO+7e0nuUil6uZqvue8HR/Lei2fu/e5933eB1xbs6TmHwIZ2/SowQYQwQ4QwQ4Qwo6Gk3tH3AF0Pn8DXdU+12sxOT3CO8tFnHH14iZODLd3nDo6FkIy7j57hxq3baPfdVD3eEnJW/olfP77j67vnrkpxHLJoZZgy/KrlJRlEm3HddP00D27iWAiFKXNleBe6fjNcu0cDSZ1WhddWRj3uz4FUWcwQIcwQIcwQIcwQIcwQIcwQIcwQIcxw/FvW/adZ+AJB3boKESykY0h06GYdhY1VTOV041qIIJ0EMrk93b4a5VIRH1+kdKtxmrZCSrvbGJpbtR8bx4jGx7GsJuh6MG+O0Tu6yQBeISu3hpVDINo/qDu8B7McEkFfQL+tQnfxONbnK8cI0nrEIDliGVNHqk7mcAJvLxyvhc7AQAzr6QSm9Ugz4SUkGVYTVEY+v6k7BrE8H0PsoBbesrt+TFak0GTH/ci/qoS9fRRC4VrII1kTXdiujm8jHwhrKXuYzaj2iQ6fmTyWzL9qKk0TYtyV1juXDmNyX2P2vf5QshvRkyIWF2sJd2lxR01iJ0ZnIkCvH/YFtYkpNfGVoiDd36kme6d2PpLwpohSqBcLw7qLGTySukrmRGHDIkMxfccPdASRsomzVGi5fSXHh8SEHrOFKzP8/SF+IlgnkRdNK3spDD223PnTM2NIDfhsZW86NY7JQBHZy4QTCk/xTvP94T6GslDhLoweJd76f+xc/F2uQsuUvfWYoUhVWPFa0i6UymqF+BHV7b+iKrTqagt1q3Mc44s6XyCgJf0nMErqOr5D5wfF0uInFFR70hqKdNVkJG6jwhqz5QPKGzj8hgydb4vkWJK8glZirVLbw0GJlzQ2IauCEaZC1id2qrTCtlViDWuVUFdFFQG2EGcNZQbHWJlbU8I01fG6/kvidshqgpDWomVziGAiQpghQpghQpghQpghQpghQpghQpjRgBB6nnT0TNlCuD8HjoXQDiLatOJl6PppHtzEsRDazkU7iM7Kp6rltZVCO6hOjeuneXATx79lEbLHkNEeQ+HfIFUWM0QIM0QIM0QIM0QIM0QIM0QIK4Dftytq9AXlPtsAAAAASUVORK5CYII=" style="border:2px solid gray" class="img_ev3q"></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="instructions">Instructions<a href="#instructions" class="hash-link" aria-label="Direct link to Instructions" title="Direct link to Instructions">​</a></h3><p>Here are some instructions to operate the website.<br> <strong> As you see in the image below: </strong></p><p align="center"><img loading="lazy" src="/assets/images/instruction-06767360c5784060128e0b7a8281f4f7.png" style="border:2px solid gray" class="img_ev3q"></p><br><blockquote><p><em>If you&#x27;re ready to get started with contributing to <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong>, head over to our installation guide for step-by-step instructions on how to Get Started with the <strong><a href="https://fillmycycle.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong> site.</em></p></blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/about-fmc-website.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/footer"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Footer</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#breakdown-of-website" class="table-of-contents__link toc-highlight">Breakdown of website</a><ul><li><a href="#cycle-defining-section" class="table-of-contents__link toc-highlight">Cycle Defining section</a></li><li><a href="#cycle-displaying-section" class="table-of-contents__link toc-highlight">Cycle displaying section</a></li><li><a href="#cycle-result-section" class="table-of-contents__link toc-highlight">Cycle Result Section</a></li><li><a href="#dark-and-light-mode-button" class="table-of-contents__link toc-highlight">Dark and light mode button</a></li><li><a href="#reset-button" class="table-of-contents__link toc-highlight">Reset button</a></li><li><a href="#instructions" class="table-of-contents__link toc-highlight">Instructions</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/button-instructions/index.html b/docs/projects/fmc-website/components/button-instructions/index.html index 9da2d4ac..3e7460cc 100644 --- a/docs/projects/fmc-website/components/button-instructions/index.html +++ b/docs/projects/fmc-website/components/button-instructions/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -29,7 +29,7 @@ as per their requirement.<br> <strong> As you see in the image below:</strong></p><p align="center"><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="instructions">Instructions<a href="#instructions" class="hash-link" aria-label="Direct link to Instructions" title="Direct link to Instructions">​</a></h2><p>Here we have introduced instructions to be followed while using the fill my cycle website. <strong> As you see in the image below:</strong><br></p><p align="center"><img loading="lazy" src="/assets/images/instruction-06767360c5784060128e0b7a8281f4f7.png" style="border:2px solid gray" class="img_ev3q"></p><br><p><em>The <a href="/docs/projects/fmc-website/components/button-instructions"><strong>Button and Instructions section</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <strong><a href="/docs/projects/fmc-website/components/footer">Footer</a></strong> of the <strong><a href="https://fillmycycle.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/button-instructions.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-30T07:55:03.000Z">Jun 30, 2023</time></b> by <b>Dibya J. Dutta</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/cycle-result"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Cycle Result</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/footer"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Footer</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#theme-button" class="table-of-contents__link toc-highlight">Theme button</a></li><li><a href="#need-help-button" class="table-of-contents__link toc-highlight">Need help button</a></li><li><a href="#new-feature-button" class="table-of-contents__link toc-highlight">New Feature Button</a></li><li><a href="#reset-button" class="table-of-contents__link toc-highlight">Reset button</a></li><li><a href="#manual-check-button" class="table-of-contents__link toc-highlight">Manual Check button</a></li><li><a href="#instructions" class="table-of-contents__link toc-highlight">Instructions</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/cycle-result/index.html b/docs/projects/fmc-website/components/cycle-result/index.html index 6bdb0443..dddbe385 100644 --- a/docs/projects/fmc-website/components/cycle-result/index.html +++ b/docs/projects/fmc-website/components/cycle-result/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/components/tech-stacks"><span itemprop="name">Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Cycle Result</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Cycle Result</h1><p><strong>Cycle-result</strong> represents the total marks scored by the student. Here the total marks of both the table is calculated in the respective column and then the average of the total marks is calculated and presented to students.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cycle-result-table">Cycle Result Table<a href="#cycle-result-table" class="hash-link" aria-label="Direct link to Cycle Result Table" title="Direct link to Cycle Result Table">​</a></h2><p>We have used HTML for this component.<br></p><p><strong>Breakdown of the code is as follows:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="column-header">Column Header<a href="#column-header" class="hash-link" aria-label="Direct link to Column Header" title="Direct link to Column Header">​</a></h3><ol><li><p><code>&lt;th&gt;</code> : We have used <code>&lt;th&gt;</code> tag to define the column headers for the table, which are <strong>&quot;Cycle&quot;</strong>, <strong>&quot;TK&quot;</strong>, <strong>&quot;TD&quot;</strong>, <strong>&quot;LI&quot;</strong>, <strong>&quot;B&quot;</strong>, <strong>&quot;C&quot;</strong>, and <strong>&quot;Total&quot;</strong>.</p></li><li><p>We have used class attribute to apply CSS to the cells.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Cycle</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">TK</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">TD</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">LI</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">B</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">C</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">d</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Total</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="data-column">Data Column<a href="#data-column" class="hash-link" aria-label="Direct link to Data Column" title="Direct link to Data Column">​</a></h3><ol><li><p><code>&lt;tr&gt;</code> : We have used <code>&lt;tr&gt;</code> element to define a row in an HTML table.</p></li><li><p><code>&lt;th&gt;</code> : We have used <code>&lt;th&gt;</code> tag to define the column header ie &quot;1 to 5&quot; on line 2.</p></li><li><p><code>&lt;td&gt;</code> : We have used <code>&lt;td&gt;</code> tag to define the remaining cells. These rows are used as template for adding actual data to the table. </p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">1 to 5</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similarly we have implemented next column: <strong>Total</strong> and <strong>Average</strong> column. </p></div></div><ol start="4"><li><strong>Cycle Result Table</strong> would look like in the following manner: </li></ol><p align="center"><img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAuIAAACwCAYAAABKOgvqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAACGwSURBVHhe7d27bxNZ2PjxZ9/y17jYBFewBYmldyVScZGSuFuEhNjCdFEi6shFZO3SAkpo2ZWVwkqNEqXDxa6QVtA5RAK2ChI/yQkFbGWyzfwF+57bjGd8SXyZS4y/H2m0Y8dko+MzZ55zznPOfPf9zMx/AgAAACBV/+P+CwAAACBFBOIAAABABgjEAQAAgAwQiAMAAAAZIBAHAAAAMkAgDgAAAGQg1u0L3719684AAACAyXTz1i13lqzYA/G0/nBMH+pXOijndFDO6aCc00E5p4NyTkea5UxqCgAAAJABAnEAAAAgAwTiAAAAQAYIxAEAAIAMEIgDAAAAGSAQBwAAADJAIA4AAABkgEAcAAAAyACB+AjK9RP59/Q0chxuux/GLPh/nbyQsnsPF0FZ6ifROtB9nEj9+Qv55J+vu3/qhOvRpzrfbm/DlnOvo7vscbaB253tN4N9DmeoymGkvnYeb9QnECu/3oYO2uDeqofRcup1DBP/6N83bLwU/A2H3+aVQCA+FBsUbC3n3Ou2wsq3W0kQPx3oBPXoeE+ulmr2HAnISfFpcp1lIFkFWSMYj40J6lYK7lVbbnmTDmWibPy0Nu9eIkAgPoTq4aYUTezUlN3ZWZlxx+6x+bHI/Co3+6lRk9Jcuw48PvDs215DHgd1Y05Kh/btiO03kSB8ZrFiz9HDsOXsSeNR+/Mzs0+k4f5JYYVgBhdbcz9cd9XxqKFqtFaQm9xbxqYHQGwgGG0ngnYlV5RfGRmPqCyG6uN+070bjYEWN9zbGAmB+KDWX8jPwQW8JOHQqbK4p6qlbUR1hew7rat+h50+DwcEnVPvg02jh9Ma9EEHYELoKVF/NIYgPAU6kLfXJ8EMJs7OazlyMWL+MgHieKqy5gZAmvuq875jTo1a6XfTYfcOnjA7OarOdJ9I/KPTr/yBTJdBEIqDutJfpmxmgkB8UD/mxdQh70hehS5gqyKLoV5hrfSnvfHnFuR2KKgu31mwv+P4vQvko5XT0tPoZwfjutJ2psfoik2O2wX3o+qI+UG4HtElCE9JRd65WavCdcbEMUHWf5IFe+ORo78IEMeyfkXy5qQp77pGcO3MG0H4aMzAYGe6T64oWwOkVOl4pitdRf/bKUr1JRAfUPmyvYQH49/4c7Jwxw+Oy3L7mm5RPWk8twFYuX5PbNVtT/PYNBcVjD/oUwmDkfnQ1JCbvswtr55b6ZEV9Z2uFG1HTGMKNFXNlhtWBC4wO1IYOp7aNqNzBBcj8AfTEC8Vk/zqBgb1jIJNV/FTAguyZgJqPVjZThO0KVhL6t2q3OyIZ4I0oUtXpmZUnEA8IZW/7WR47tpPtjL5IxuhEfVC3q+8e26EXP07Px+rz2hpMKpuFvBEG2tR/f0f2B3iYvMa0nCjs3ScAAyC9Q24qIKYRN3bfgtmFGpSeunyyedvnFF3bTaBCcpd6m6vzTC+dQTiA6r903JnA9p4H0lPqT6wwbL34bWqolpZfrhkTmKUk/yP7hQXj05HmbsvJbemoD1agKT5nV7gIutarNk1soiRfWyZmWMk5OsXF9s4A5V3aI1cMKA4fQjEB+VXqo68b8tWpmiOdjg95YWbfgnn+dXk81d3OorIrhHtg9XLF5UnjWf3XUNVkV1/+m3+HntcJ67d6W3+TV4+JkloZHGKpuoTsfNF7HBa70XbZsEgnZ3RddbPQVKBtleDNXJ+JzRITZkiBOKD2rkvf/j520+j04T+toZ6H9Lw7iVBespyUV36yvGfkTw/P281nKLQd8cVp/bXkesQFGXN/38Fq5WZvpwUwYJeXZ8esndtksLbjnYv0gIusrLU73YsgsOI2gMghZXohgjBtobzq2x6MKRwTNJe9xSqt8HmFG3+DkDB2juvIbumbfbX0k0XAvEh+NsUmmlCE/jaI1jxe7wXHZHe2AsWJ2ido3HtYKz9+/z8qOZLf/S0Q9Ah0I2J+xvcauVwrjkuutCoeLhThTHpjnL72gxfn839Ja6PYendC0JlGRw8+CQRXYs1Q7tq9b0nYGA1t01hZzsR5CVH8pwxkFBMYh6KFKm3Tdntsd7Nfu5Ebv8/l/IbtDOdu8hNBwLxodiFBb2mTsy0SleFq8mrD/5ne43GRVcS+/z9yPvRCzqDhwg57H86edo3BX0DZjYjOXZFPmlbmFTn3RMwKPeAsODBNG1mx485OjujMJtMdJapSZ9dCg1+qLJ/5j+gyqkvReMp82/cgGfPNOBv03ffz8z8587H9u7tW7l565Z7BS3YI5OHt4yN+pUOyjkdlHM6KOd0UM7poJzTkWY5MyKeiPZKYDst3t47HAAAANAIxBMR3RGFhzEAAACgE4F4QoIH85CbCgAAgB4IxAEAAIAMEIgDAAAAGSAQBwAAADJAIA4AAABkgEAcAAAAyACBOAAAAJCB2J+sCQAAAEwynqwJAAAAfMNiHxFPqweB6UP9SgflnA7KOR2Uczoo53RQzulIs5wZEQcAAAAyQCAOAAAAZIBAHAAAAMgAgTgAAACQAQJxAAAAIAME4gAAAEAGCMQBAACADBCIAwAAABkgEB/V9hv59/RU/j2sujfOVj08lcNt92JsVTnU/+/gOJH6uvsRMqW/50/1snsV1vGdnbyQXp/CgPT117MMuTaSQf1NB+WcivUX8ilczgPex3GGzjJ1R2fcU66fhH5O+6wRiI9ENZYrBXd+nrLUT05lbd69HJep7KsS/b/npPiUCp013cD0/p51HVDf2fGezMzOquOJNKQoW9xkR6OvgZ7Xnw5iwuU8K48PhGtjbJ3lSv1NBuWcDlXOT4siB09cOe9Jc36VYHxcP+ZVJNKUXdf2+sfihvu5ou+RW8ut4DO2fX6jvpHpRiA+LDMS3hkIp6d8Z0FVdsVryGNTmVVj7ek3VDD+gIYkG7aztbVsvplu26tSzHnSeF5xb9Sk9KwhXm5BbhMgDsWMpqibaM+S3r6hrkt1I1j0y1mVdOl3dX1wbYyjXL8nBd3eBOVK/U0C5ZwOU86qnfijVHPvVGRxvykyf2PqA8JxlC/nVVzSUiXbT1XW1D3SO9hTJW7Z9rkgP/ecRZ4eBOJDMEGAG4nzPBP9nkOPcGyqIMy+KqzoqZhQ769rKue8nmFZbl+zv8z78Fo101pNXn0Y5G9BMnQQrr9jPRKwd0YjhHHZ0ZScNPdnZffYvRm2saQ6pktBI2/V5PNXd4oR2Dan3d44O/fl6uyclHbca4yJcsZkK+R71N+w9SuSF0+O/gp/wsYvuWs/qStgehGID8uNRP/2wb0elR5Z7xrZK8jamTlTNSnN2Smdq0FvPhSctwgD0+d/J50BYMjGXseorAreH6rv3juSV9xgB1YrzZm6H57qPF9Vbs5zbYyuIOr+Kq1/amb9QzBoQLpEzCjntNRKf0pTlXd7FLZqU02P3/dvw3EO287mljfbdVcdkfxwk7rSks+97nm5vPpGpheB+BBMIDB3v3+Pr0tFFoPUETEjeTZgcxe+FspntaN8KmB7OHjjW67/4kbcO3uauDhssL4rq66B2pTiV/W9D1WXMAo7Dc21MTIzimVn827+bdspcpcTQDmnyN6Xj675QeOq5HW+eCilDUNy9Tccz8zsq+6Oqs/xbVLx7SIQz4LJZdWi+ayV5w0VMigD5gT6U/Wad/A705cXlUtB+rnlLw7yg3IWqSRq+425Prg2xuepQKU9E+HnLhdljZtsrCjnFJh1XpuSf9nu8JignA7P6EwKlSrLcGdmY8kMLhbuUq7nIRDPUufChp0v0nKn5wkH4boX2k5VwUVTfaDTUBryW+g7qizqfHIWqSRG32xXCiaw4doYn06ZiHBtVf4y9TdOlHPSylK/q9NQ9ujwpKDZ8qY+7WQQBOJZ6qyg/vTOedxIn6YDDabUJsDXLx1pKE2xbRRNVOwIwuMzxOAAxkA5p6przQgdnuR9bImnIpwfes32n7nbyrePQDxFwUW+8d5VuoKshfYuNSOn+uSsRXzhPZQZCZ8cl670nJ5jEWHMCMJjVpF3enr5ekcSlRs06BrBxYgo5zT1GwChnEdk0n26N5rQO6kEi2BNZycnC3fCd8I+uwVNGQLxFNkVxbqyVmT3wK3g1A8SMAtG/If+eNJ41n8RXxCsa6F/aw4eSHAhmdz/XFF+DaWhVA/tloftvWwxNtdJJQiPl6m/qq1pL7qyD0TR6Va7Q+1gg7NQzmmoSell09w72+XsHrhGOY/O3xkstNGETp9dmw8/P8PGPbnlX4KA3W42wX2QQDxxLv/MvfKZHVgedb6v96I+a89Yu0UQJoxZyLInrdDWTmvz+rtesiMFiIXfSe3cQsscLMQanau/Yp6DoA/39Ed2/YkX5ZwO/bwBde/NB+W8KUVpyGPKeQwqzplzu/y4NndrWaTxKBrP6LjHPk0z/Jmlqb8Pfvf9zMx/7nxs796+lZu3brlXQLyoX+mgnNNBOaeDck4H5ZwOyjkdaZYzI+IAAABABgjEAQAAgAwQiAMAAAAZIBAHAAAAMkAgDgAAAGSAQBwAAADIAIE4AAAAkAECcQAAACADBOIAAABABmJ/siYAAAAwydJ6siaPuMfEoH6lg3JOB+WcDso5HZRzOijndKRZzqSmAAAAABkgEAcAAAAyQCAOAAAAZIBAHAAAAMgAgTgAAACQAQJxAAAAIAME4gAAAEAGCMQBAACADBCID2v7jfx7eto+DqvuB2erHp7K4bZ7ESP9e4f5O5As/X18qpfdq5DOenPyQnp8CkOryiHlmrhy/SRaf2lvkmfajBOpr7vXSAblHJOOtrhPmQYxyxmfmTYE4sPQF+xKwb1w5lfPuSmVpX5yKmvz7mWc1l/Iz0n8XoxEBys9v2dXb5r7szIzq48n0pCibBE0jkk3/KtSON6jXBOk6/XWskjjkV9/96R5bruH8ai63XmvQQIo53h0tsWz8vhApPg0Gmjbe2RTds/4zDQiEB9C9bq7YP3Ktt+0r+dvqGqYNhXgPyxKzr1Clmxna2u597dh6o2qM4sb7g2pSelZQ7xcUdYSmCWZFuX6PSl4DXm8WHHv+OW6ILcZZYlJWW5fy4l38LuUdtxbUpFF3fbN32M0KyHVQxXUuHMkh3KOyfYNVY4qwA7aYtUal36XhpeT4gM/OqrKmrpHegd7qgWx/M8s3JnuoRMC8SFUFt2IUKiyGV5LVcFedC9xU4ouPius6KmYN+2gff2FfIpM5YR+do5y/Zfg9yJLOgjX37Hu5e/1rAem3nTWmZ0v0nKnGIULED+8VuF3yM59uTo7FwoaMR7VuZmblaulSCmLfGyJ504Rs+03dtTQH+hBMijn+GwsqdhoKQiwrZp8/upOcSYC8ZHYEVCbpuJJ49n9aDAwCJ2u8LRzRLsgawPlTNmepaiwr3ls30FWbKDS3Qidw4wgeNL66F5jSAXJq0ug9U8tmnNIWkoqyncWVNvVks90eGJmUyXCo4ZIAuWcvKrcnNfjlH5HpyK7B57klleDAUc7oOjJ0V9DR1DfFALxkdggwDprWqUiizpv1Q0d2RxhHbCF8tJCOVW7JqjOSfHh2cGEP53W3F+Sd/YtTBTVkburvkHvSF4RyIxm/Yrk1X/0LNPNv+31Q454WtxAwPF7gpiY+elWv3XOQCBWlHPyTBlLNMiuleZkZl9kzQ2cbC23ZJcZTALx0egAW934HzXM9Gxu+ZfhciXNaKgWzamqPLe/T87KcTXTaeq/kZxjTJLqoU5lGXEmBRHewRNy71OlZwP1QEC07UIM1l/Ir3pRLO1Csijn5Kk4Ra+Ziq4tcZkEd1vy2A0++kF5EjvKTRIC8XHsvJYjGzmPttigM7f83LxhN5Kq02GecxOcRDqNYm1efX+PGAWIg05NiXDXUP4yY+Lx0zdSfz2EntlDfFTZPiyKRAIXxI9yTpxOuzVpP0+ia0u2V7sHoDaWTCZA4e50z2ISiA9ML7y00ymx9d5yeTcy7rjp9r7Wf5IFkxKTk+JT+7cE2+Xp7cSGWOyJ9BGEx4jFrikjCE+Ua9tzy5t2rYM+TPqibet7PpsAw6Ock9UvCA90rytptjxV/B2x0JQhEB9YU3R90QrXXbgbBMY9RuZ6CEbpNt67kfCCrIX24q0+cIs3yR3+5hCEx60i7/RIin8t+lxndpDrEYMiCE+c2e3HX+vgT9vru4RuM3rsWoPRUM7JOTcI1/LyQ6+02747z00HAvGB1aT00lUVM/qsetL+ricD5mvbXrjeFcWuHjb836UOO7rdMXUT1qMRsQs8FbPok5vkRWQfYkAQHjezpkJdP+0Zqqoc6mvSa8gu6ydiY9c0EIQD6ENvxXxeEL6xZ/cVD29G4XLJmy+nO1+fQHwYeq9Mt0AzoAPgMxctuQVk7pXPrB7u/F16ARQriL8x/laT7XSi8MFU6BhMx3RPxOzPrw/3ZLc5FmHFJnh6r95aNVp39THti6wAtGfzIyk//hHsYmW3+t39WpQt/2cqeNe7yU37xhPffT8z8587H9u7t2/l5q1b7hUQL+pXOijndFDO6aCc00E5p4NyTkea5cyIOAAAAJABAnEAAAAgAwTiAAAAQAYIxAEAAIAMEIgDAAAAGSAQBwAAADJAIA4AAABkgEAcAAAAyACBOAAAAJCB2J+sCQAAAEyytJ6sySPuMTGoX+mgnNNBOaeDck4H5ZwOyjkdaZYzqSkAAABABgjEAQAAgAwQiAMAAAAZIBAHAAAAMkAgDgAAAGSAQBwAAADIAIE4AAAAkAEC8VGsv5BPp6fy71nHyQspu4+fS/++YT6vBX/DidTX3XvIRmd9OKy6H4SVpX4S+syw3zeitt/0LcPqYaicuT7iMVAdx8jOqM/l+gn1OS59y7kqh+H6TTkPJVpHO483qnTbaJ+7EYhnTTcMT4uScy8xaVQDrr4/OXgiM7Oz6tiT5vxqR6Cig/BNKX7dc595Ig0pyhbBzGh0ULhScC+i9A1hbb4pu6acZ+XxgUjxKY39eAap4xjZOfV5a7nVUZ+jgQ0G1LecdRC+KoVjv32m3RhWrTQXlF1wPGqIp37mHexJxX6M9rkPAvFR7NyXq0GFU0GVrm2KF9yo1DF3X2r2bXzDyvV7UpCm/FHyv+2KLO43ReZvtG+W26tSzHnSeO43RzUpPVON1Pw9GvohmZGXvh3Xqqwt5yINf630u7o+c7Jwh/mHUQ1UxzGS0epzQX6uU5+HcWY5b98w9Xt30S/ldrtRfEANH01Z6g9VeXsN+S1oN2if+yEQT1RHOoI6DrfdjxTTOPg99FxRttTPP/kNbOdUcMe/xcVgRwKWgoZFK1/OuzPLvPaO5NWOe0PbeS1HNEBD0dfLlmrIm/uzsnvs3gQm1Ln1ef2K5MWTo7/CQzo1efXBk9y1n3qmsaDbueW8sdTVhuty/vzVnWJ4/uDTMwYkB0Egnhg93bWpKqN76RRWQsF2PzoI79F7L6wwhXPxdff6C3n1TX790rNByuV7T0mjmz/9ubjh3uhSkd0DFaQsrwYjteX6L+aGEA1mMIxa6U9pSngUVrVtegDh+H1H8IJhnFuff8yre0BLPoc78L5cXn0jGMT57UYvVbk5L+K1mu41BleW+l3dPvwppUjdpX3uh0A8IdXDVddQtvOhZvR0rpJb/sUE1KaBcO+J15DH6jNXSzUp31kwQXg71WVP/RYtJ/kfzQkuHH/2Q3/v4Wl8pMleUyJrbhbJ5tfOddwQMJyKLM4+kaNrm252blXyum0KTeUD3xKbjkWAOBIzGq4in7+72wfa594IxBNhe9Nac3+pPWq0sefyyc9OSfB78DootyuM/aAeF1dNSnN+h0s3NMxepM91hu62TKe2/V2Q1jUWvaD8dFPyL12Z+kE5O//gW6Tqu05l8Q5+pwM/gup1Fa14DdntmoGgfe6HQDxRnrQ+ulNjwLwzc+OzPcY1F9BjgpgOFwt9UtcrL3FjyeSFFu4SNI7Gn2beC03tu8XGuaKs0cHBt0Tfe1cKZjZaD4RhWC6l58Pr7lRM2ue+CMQT1ZlKUpYfLrnTvtyNT3PpKu3UFEyiZssTuXSlZ0NDDmLcunNqTfmTUzuWrnq680WVtEj+Mt2bxHxsiSd5+aHXzJrX4p4QN4Lw8ZkFxqoV/qdf+dE+90IgnoiKvHOrswsroT1fXe6UakW7c8+CilgQvbZPa750PUezvRIuIpM61DVFb79DP3ip/aNCltyC3A7fUNd/kgUWqSSAwCUJ/RYV97/hYmyms9OZxliW29dyvUccMTqC8HiYBcZNedd3YSztcy8E4gmpPLeb2eugzF+Y4G9V2Dv3zH3u8H9FdxDNOyvRf4eLx3zPuaL8GtoJxy7UDS3Y9FNVHvoBe9nusdq1qhxj6SpnxeV7Bp1aDKkmpZfqFjm/Gsrj1Lmeqo73zANFfPxdJuzifs3uMsFi8Fi5B/0QhI/PbtXbJ6imfe6LQDwp5qE/7Yf9+PReppGL3eVItf1/Kc1FU1H0v3msGmStcJ284wtFf8+PGiLL/o4Sp7J2SacULbUX6epgZs49TdN8ZlOdqc+w60TM7ILZ3a9+OdtOrL5+htu6DBF6n2VVx/P+wIBff3loWeL0wn379EFb9lvLIo1HS6G2BeOqPrBbBedCbXhwsCB5KGar3r5on/v57vuZmf/c+djevX0rN2/dcq+AeFG/0kE5p4NyTgflnA7KOR2UczrSLGdGxAEAAIAMEIgDAAAAGSAQBwAAADJAIA4AAABkgEAcAAAAyACBOAAAAJABAnEAAAAgAwTiAAAAQAYIxAEAAIAMxP5kTQAAAGCSpfVkTR5xj4lB/UoH5ZwOyjkdlHM6KOd0UM7pSLOcSU0BAAAAMkAgDgAAAGSAQBwAAADIAIE4AAAAkAECcQAAACADBOIAAABABgjEAQAAgAwQiAMAAAAZIBAPqR6eyr+n7jh5IWX3PjAoXYc+1btrTrl+0q5bwfFGqu7nGNH6C/kUKtNeZY+Ybb9RZX0i9XX3GrGJ3IP8g3tRAqpySBnHrCz1k1CZ9rm/Res490CNQDxQlZvz7lTLLchtbjQYgg6218J1KKSQz4kc78nM7GzoWJKK+zlGoIPwp0WRgyeuPJ/I0bVNgvFEqQBmpeDOEa+y/HBJxAvqszvm7kvNfQJx0EH4qhSC9viJNKQoWwTjY6kebqpSbMhjV293jwuy1hFo6yB8bb4pu37d3peuz0wjAnHf9g0xtxevKU1Pn+Rk4Q6XJQZhRwK2llWw3ZO7wbaa7jXiUH1QlJzXkN9KfphSk9KzhsjyL4zWJqR6qAIYd464FUT311v/EHYnqVy/JwXVbjxe9IdBbLvhMfg2uvUX8vO8SPNlu9NYWdyTpqrTN7fdG/5n9kMDUBtLNmA/nO5QnEDcqV63txfvw57sfjCRuOSu/RTqIbenXQ79iqUFU+PRqdro9EvHNG7o3xwe+ikL7c90TU/26qmb6WH/M6pH2efv6EyJiPztiIGuF5tSzOlevm54etE3WE+O/uIGGx/XufnwOjpauPNFWqoTnf/RvUZ8VJtjRrP26VAmYv2K5FUL8m7DvUYCynL7Wq5Hu3Ffrs7OSWnHvcZwTPnNymK47pr6HPJjXrXM3fW72VLx1qUr3THOFCEQN/y0FBss1f46UmdKpIdck1cuQC9cb/feyncWVOVSvCN5ZS5iG7BHUxRyUnzaKwjOSWHeH0VtyWf17+3UjXvLlyvKVrjHqIPuyPSw6lE+Ldq/I0T/rs5R2sIKebTxqklpTk+zLfVPMzGzLbYORDpP7seIX/4ydTxeNiXFO9gjnSoh9l6ip/ND7QTpEjFrzzpEBrwo59j5M5a7g3Qsc3n1zUwvAnHNT0txwbDsvJajHukpQYA+f8MFUbZ3rQVTMturUtRv6amvIA/KjiAV7va42IM8tSV1g/M7BO0cqscHNvgP9xhNBdcnof/H7rH5UZubBgr/rplHDfP355ZXCQJTVL5sxwWa++57MN9Xd/4chlGTz19VXY7MWimdozCIhT+d304DQtzMOhLVQjce+e0Eucuxc+2DHpC6+TflnAR/Fl4PKIZTVeRjS9XuUKqKY+v9dCMQV/y0FDl+70Z72qPfkRt9EKC7yrT+kyyYOtSebgl+lx7F9nvb/uh1V69PNbrPw+NLFVk0DYMKyl2qSXfesZ2S1yL5WM9tkO0LRurV/zEYYQlGzfPyQzhVBomqleZMgx+etvPz535mdmJklb9VB1ddZ78GZViW+sPumSGMSbVFvy6LNJ6xaDBJlUXd9ofTI/zc5aKskVIYK70gtt0eU85x8u93M7N7IuEZeBc/FVZCA1Am3c2dTzEC8WAUWplfDaaqggD4jPSUINgNAvjznBcA27SWaNDcyU6tdTG5sYMihzZ7TdGpcbl8tGuGIWwsmdmm3PKmu25/EXnWL08fo7GdGzn4nfzZLLh2nVSreHUtiKWcE1CR3QMvNAOv0zifSMMLDQ5ef9+e9Z9iBOJBWko/OSk+aCcQhNNT1lxE3Py7RxjetVVd52hHD35ai+KnMQxcSftNyYdTZEJHZFEFMKl0MB7Ua3V9ib0O2HkiJm7Wr93ZUYeZ4bNrHlhvgoky1IAV4uevqXLHYsWmpnitqR5AmfpAvJ2W0h04B0FwkBOu7NyXP0w+dkEKLgc7vArYTJdr8/eC3UuCnUvOyUHzc4l18GwXOLRz0Nsq8s7lg4dzzoO8cae94DQ03RbstEJucprMoqCu797ObPTsxGEgvcrVzlKx80Rs3G4IkbbRrHmxucxXyRmPiZsN7dzGzQywsONSfOz9M7zhguEGsujAj6jPQ74iQbZLt41uWmEzErp2sZkyUx6It9NSegVEQTCrgqbwAoMg2NY601I29qRhI+Bglww/zSWycKGH2j+urx7kl+tt8exbYUE+ePC5U1m75Lm/1Qk6DOqvX7Gf8XPV2fkgXeb7Ut9VJJf5ZNUsfhtoRTl68nPEg46myWXOUb8xgWpSeqnq8/xqKFCpyqFOUTz+k7SgGJn2uFc50x6PzsQ9KuZ5GBoYcfnfQdzj54iHBxDNcwma8seUd+inOxAP0lI8aX00J1HB4syOHvTG+2AapTuA9/Og3EtHp5qcmw6ysRRNRTFpJS7nNZyrrkepwnv56s89O3Iv2vTin87dVPQiFUaxUqa/r0f6QTP+9L57AhlPzBuPyxEPOprqZtpS1xn1GxOpsz77T38MHjyDWJhZHruQMFLOtMdjcHGP3n3GlKk6VvJm1iyyKLbjM2uXdIyzNPUDJ999PzPznzsf27u3b+XmrVvuFZLS3mtcb03oKrGeGjIj3qH3vjHUr3RQzumgnNNBOaeDck4H5ZyONMuZxZoTqJ0aE1p97G+ROPAOLgAAAMgSgfgkclOYXZjGBAAAmBgE4pMqsm2bOwjCAQAAJgaBOAAAAJABAnEAAAAgAwTiAAAAQAYIxAEAAIAMEIgDAAAAGSAQBwAAADIQ+5M1AQAAgEmW1pM1Yw3EAQAAAAyG1BQAAAAgAwTiAAAAQAYIxAEAAIAMEIgDAAAAGSAQBwAAADJAIA4AAABkgEAcAAAASJ3I/wGfWHMNZuf/uAAAAABJRU5ErkJggg==" style="border:2px solid gray" class="img_ev3q"></p><br><p><em>After successfully implementing the <strong><a href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></strong> component of the <strong><a href="https://fillmycycle.tcetmumbai.in/#result" target="_blank" rel="noopener noreferrer">Fill my cycle</a></strong> website, the next step we did was to move forward with the implementation of <strong><a href="/docs/projects/fmc-website/components/button-instructions">Instructions Button</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/cycle-result.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/displaying-cycle"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Displaying Cycle</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/button-instructions"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Button and Instructions</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#cycle-result-table" class="table-of-contents__link toc-highlight">Cycle Result Table</a><ul><li><a href="#column-header" class="table-of-contents__link toc-highlight">Column Header</a></li><li><a href="#data-column" class="table-of-contents__link toc-highlight">Data Column</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/defining-cycle/index.html b/docs/projects/fmc-website/components/defining-cycle/index.html index f162b2b0..e22501d5 100644 --- a/docs/projects/fmc-website/components/defining-cycle/index.html +++ b/docs/projects/fmc-website/components/defining-cycle/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/components/tech-stacks"><span itemprop="name">Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Defining Cycle</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Define Cycles</h1></header><p>The key segment of the webpage, known as the <strong>&quot;Defining Cycle&quot;</strong> section, is positioned at the <em>upper center</em> of the webpage, just below the <strong>&quot;Fill My Cycle&quot;</strong> header and the <strong>&quot;Need Help&quot; button</strong>. It holds significant significance as it serves as the primary interface for users to input their preferred cycles and marks for individual practicals. This particular component is primarily divided into three distinct sections: <em>the allocation of cycle numbers, the input of marks, and the calculation of the average.</em></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cycle-numbers">Cycle Numbers<a href="#cycle-numbers" class="hash-link" aria-label="Direct link to Cycle Numbers" title="Direct link to Cycle Numbers">​</a></h3><p>Within this specific section of the page, users have the ability to determine the quantity of cycles for <strong>both Cycle 1 and Cycle 2.</strong> Following the entry of these values, corresponding boxes are displayed beneath each cycle, enabling the user to <strong><em>input marks</em></strong> for each practical within those cycles.</p><p><strong>Here&#x27;s the implemented code:</strong></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">col-xs-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">table</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mrg ind</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">colspan</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Cycle 1</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">1</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token entity named-entity" style="color:#36acaa">&amp;nbsp;</span><span class="token entity named-entity" style="color:#36acaa">&amp;nbsp;</span><span class="token plain">to</span><span class="token entity named-entity" style="color:#36acaa">&amp;nbsp;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">input</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">form-control input-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">number</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">min</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">max</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">15</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">step</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">value</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c11</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">maxlength</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">colspan</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">hr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Now let&#x27;s understand the code given above:</p><ol><li><p>The first line of code <code>&lt;div class=&quot;row&quot;&gt;</code> means we are <strong>starting a new row</strong> on the paper.</p></li><li><p>Inside that row, we have another part that is <em>divided into two equal columns.</em> This part is represented by the code <code>&lt;div class=&quot;col-xs-6&quot;&gt;</code>.</p></li><li><p>The code <code>&lt;table class=&quot;mrg ind&quot;&gt;</code> is used to <strong>create a table</strong> and <em>mrg</em> ind is used to make it <strong>look nice.</strong> We have defined a header here titled <em>&quot;Cycle-1&quot;</em>.</p></li><li><p>The code <code>&lt;span id=&quot;c10&quot;&gt;1&lt;/span&gt;&amp;nbsp;&amp;nbsp;to&amp;nbsp;&lt;/th&gt;</code> means that the first box should <strong>show the number 1,</strong> and then there should be some empty space and the word <em>&quot;to&quot;, like &quot;1 to&quot;.</em> The second box is for you to <em>fill in any number you want between 1 and 15</em>, which is given by the code <code>&lt;type=&quot;number&quot; min=&quot;1&quot; max=&quot;15&quot; step=&quot;1&quot; value=&quot;&quot; maxlength=&quot;2&quot; /&gt;</code>.</p></li><li><p>Finally, we have another <strong>small row</strong> with a line in the middle. The code <code>&lt;th colspan=&quot;2&quot;&gt;&lt;hr&gt;&lt;/th&gt;</code> means that we want a <strong><em>line to go across the whole table.</em></strong></p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="marks-entry">Marks entry<a href="#marks-entry" class="hash-link" aria-label="Direct link to Marks entry" title="Direct link to Marks entry">​</a></h3><p>This section is really <strong>important</strong> because it&#x27;s where the user <strong><em>enters their practical marks</em></strong> in boxes. But here&#x27;s the interesting part: only the <strong>exact number of boxes</strong> that the user asks for will be shown. This means that the interface adjusts itself to match the user&#x27;s needs.</p><p>Here&#x27;s the code implemented:</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tbody</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tbl01</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">1</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> td&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">input</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">form-control input-sm exp</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">number</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">min</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">max</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">100</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">step</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">maxlength</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> // Exactly the same code just it&#x27;s created for new rows</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tbody</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>Inside the table body, there are several rows, each defined by the <code>&lt;tr&gt;</code> tags. Each row consists of <strong>two cells or columns.</strong> In the first cell <code>&lt;td&gt;1&lt;/td&gt;</code>, the numbers <em>1, 2, 3, 4, and 5</em> are displayed in sequential order for each row. </p></li><li><p>The second cell <code>&lt;td&gt;&lt;input class=&quot;form-control input-sm exp&quot; type=&quot;number&quot; min=&quot;0&quot; max=&quot;100&quot; step=&quot;1&quot; maxlength=&quot;3&quot;/&gt;&lt;/td&gt;</code> contains an <strong>input box.</strong> This input box allows the <strong><em>user to enter a number between 0 and 100.</em></strong> The input can only be a whole number with a maximum of three digits.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>In the same way we created all the boxes for <strong>Cycle-2.</strong> <strong><a href="#cycle-numbers">Refer here</a></strong></p></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="average">Average<a href="#average" class="hash-link" aria-label="Direct link to Average" title="Direct link to Average">​</a></h3><p>This particular section performs a straightforward task of <strong><em>computing the overall average of the marks entered by the user.</em></strong></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Average</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">input</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">form-control input-sm ip</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">number</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">min</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">max</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">100</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">step</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">ip1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>This code basically creates a section with a table displaying an <em>&quot;Average&quot;</em> label and an <strong>input box</strong> where the user can <em>enter a number or users have the option to manually enter a number</em> in the input box, or alternatively, the <em>computer can automatically calculate the average</em> using values provided by the user.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="new-feature">New Feature!<a href="#new-feature" class="hash-link" aria-label="Direct link to New Feature!" title="Direct link to New Feature!">​</a></h3><p>This feature has been <strong>recently added</strong> to the website wherein the users can <strong>directly input cycle results in the form of ticks</strong> and can completely <em>avoid the defining cycle section.</em></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> div class=&quot;col-xs-12&quot;&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">label</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">input</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">checkbox</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">man_mode</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> Manual Check Input Mode</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">label</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">btn btn-success btn-xs instr-ref</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">New Feature!</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Here&#x27;s the breakdown of the code:</p><ol><li><p>The first element is a <strong>checkbox input</strong> <code>&lt;input type=&quot;checkbox&quot; id=&quot;man_mode&quot; /&gt;</code>. This checkbox allows the <strong>user to select or deselect it.</strong> This is linked to the <code>script.js</code> file, which on <em>clicking takes the user directly the display results section.</em></p></li><li><p>The second element is a <strong>button</strong> with a class <code>btn btn-success btn-xs instr-ref</code>. This <strong>button</strong> is <em>styled with the &quot;btn-success&quot; class to give it a green color, and &quot;btn-xs&quot; class to make it smaller in size.</em> The button is labeled as <strong><em>&quot;New Feature!&quot;.</em></strong> </p></li><li><p><em>On clicking New Features,</em> it takes the user to the <strong>footer section</strong>, where the <strong>Instructions</strong> are provided.</p></li></ol><p><strong>After adding the <em>Cycle Numbers</em>, <em>Marks Entry</em>, <em>Average</em> and the <em>New Feature</em> overall defining-cycle looks like this:</strong></p><figure><center><img loading="lazy" src="/assets/images/pig-44b0428a0ca79b18f3719110a4f2615d.png" style="border:2px solid gray" class="img_ev3q"></center><center><b><figcaption>Defining Cycles</figcaption></b></center></figure><br><p><em>The <a href="/docs/projects/fmc-website/components/defining-cycle"><strong>Defining Cycle</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <strong><a href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycles</a></strong> of the <strong><a href="https://fillmycycle.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/defining-cycle.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/header-help"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Header</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/displaying-cycle"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Displaying Cycle</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#cycle-numbers" class="table-of-contents__link toc-highlight">Cycle Numbers</a></li><li><a href="#marks-entry" class="table-of-contents__link toc-highlight">Marks entry</a></li><li><a href="#average" class="table-of-contents__link toc-highlight">Average</a></li><li><a href="#new-feature" class="table-of-contents__link toc-highlight">New Feature!</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/displaying-cycle/index.html b/docs/projects/fmc-website/components/displaying-cycle/index.html index e758bbbf..47e8c9f7 100644 --- a/docs/projects/fmc-website/components/displaying-cycle/index.html +++ b/docs/projects/fmc-website/components/displaying-cycle/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/components/tech-stacks"><span itemprop="name">Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Displaying Cycle</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Cycle Display</h1><p>In <strong>Cycle Display</strong> component user will be able to see the break down of the average marks scored by them as tickmarks on various cells.<br> <strong>As you may see in the image:</strong></p><p align="center"><img loading="lazy" src="/assets/images/cycledisplay1-8bfd0a2085f026479d934272adabfd81.png" style="border:2px solid gray" class="img_ev3q"></p><br><p><strong>Breakdown of the code is as follows:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="column-header">Column Header<a href="#column-header" class="hash-link" aria-label="Direct link to Column Header" title="Direct link to Column Header">​</a></h3><ol><li><p><code>&lt;th&gt;</code> : We have used <code>&lt;th&gt;</code> tag to define the column headers for the table, which are <strong>&quot;Par\Perf&quot;</strong>, <strong>&quot;E (5)&quot;</strong>, <strong>&quot;VG (4)&quot;</strong>, <strong>&quot;G (3)&quot;</strong>, <strong>&quot;A (2)&quot;</strong>, and <strong>&quot;BA (1)&quot;</strong>.</p></li><li><p>We have used class attribute to apply CSS to the cells.</p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Par\Perf</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">E (5)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">VG (4)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">G (3)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">A (2)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">c</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">BA (1)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">thead</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="data-column">Data Column<a href="#data-column" class="hash-link" aria-label="Direct link to Data Column" title="Direct link to Data Column">​</a></h3><ol><li><p><code>&lt;tr&gt;</code> : We have used <code>&lt;tr&gt;</code> element to define a row in an HTML table.</p></li><li><p><code>&lt;th&gt;</code> : We have used <code>&lt;th&gt;</code> tag to define the column header ie &quot;1 to 5&quot; on line 2.</p></li><li><p><code>&lt;td&gt;</code> : We have used <code>&lt;td&gt;</code> tag to define the remaining cells. These rows are used as template for adding actual data to the table. </p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">TK (30)</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">th</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">td</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">tr</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similarly we have implemented next column: <strong>TD (30)</strong> , <strong>LI (10)</strong> , <strong>B (10)</strong> and <strong>C (20)</strong> column. </p></div></div><br><p><em>After successfully implementing the <strong><a href="/docs/projects/fmc-website/components/displaying-cycle">Cycle Display</a></strong> component of the <strong><a href="https://fillmycycle.tcetmumbai.in/#result" target="_blank" rel="noopener noreferrer">Fill my cycle</a></strong> website, the next step we did was to move forward with the implementation of <strong><a href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/displaying-cycle.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-30T08:03:55.000Z">Jun 30, 2023</time></b> by <b>Dibya J. Dutta</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/defining-cycle"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Defining Cycle</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/cycle-result"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Cycle Result</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#column-header" class="table-of-contents__link toc-highlight">Column Header</a></li><li><a href="#data-column" class="table-of-contents__link toc-highlight">Data Column</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/footer/index.html b/docs/projects/fmc-website/components/footer/index.html index e3646d8d..f6d7480e 100644 --- a/docs/projects/fmc-website/components/footer/index.html +++ b/docs/projects/fmc-website/components/footer/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/components/tech-stacks"><span itemprop="name">Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Footer</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Footer</h1></header><p>The footer component in <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong> contains the information about the developer and maintainer of the website. Along with this, we also have our organization&#x27;s logo.</p><p><strong>Here&#x27;s How we implemented the code:-</strong></p><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">hr</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">footer-line</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> Designed &amp; Developed by: Sagar Pathare (TCET 2015-2019)</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> Packaged and Maintained by: Gaurang Vishwakarma (TCET 2019-2023)</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">./assets/images/tos-logo.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">TCET Open Source Logo</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s a breakdown explanation of the Footer component:</strong></p><ol><li><p>The footer line was defined to create a different footer section on our website.</p></li><li><p>The details regarding the <strong>Developer</strong> and <strong>Maintainer</strong> were intergarted in the next container.</p></li><li><p>In the same container, we also centered our <strong>organization&#x27;s logo</strong>.</p></li></ol><p><strong>After performing the above steps, our footer looks like this:</strong></p><img loading="lazy" src="/assets/images/footer-1703e76718fb11ea35fa156e4f905d6c.png" style="border:2px solid gray" class="img_ev3q"><center><figcaption><b>Footer of FMC Website</b></figcaption></center><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p><strong>Fill My Cycle Application</strong> Is Now Aslo Available On <strong><em>Google Play Store!!</em></strong> You can download it here! <strong><a href="https://play.google.com/store/apps/details?id=com.sspathare97.fillmycycle&amp;hl=en&amp;gl=US" target="_blank" rel="noopener noreferrer">Click here</a></strong></p></div></div><br><p><em>After successfully implementing the <strong><a href="/docs/projects/fmc-website/components/footer">Footer</a></strong> component of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong> website, we are ready with ouR frontend part of the website and next we will see about how the the <strong><a href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a></strong> and functions was used to calculate the performance parameters in our website</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/footer.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/button-instructions"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Button and Instructions</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/scripts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">scripts</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/header-help/index.html b/docs/projects/fmc-website/components/header-help/index.html index c20aa797..099fb8e2 100644 --- a/docs/projects/fmc-website/components/header-help/index.html +++ b/docs/projects/fmc-website/components/header-help/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/components/tech-stacks"><span itemprop="name">Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Header</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><h1>Header</h1><p>The <strong>Header</strong> section is an informative element which is present at the top of every page of the website. It consists of <strong>Fill My Cycle Header</strong>, <strong>Dark Theme Icon</strong> and a <strong>Interactive Theme changer Logo</strong> making the overall interface of the webiste very convertible. Hence providing essential information and contributing to user-friendly experience. The <strong>&quot;Fill My Cycle&quot;</strong> Header, an artistic portrayal that speaks volumes, engaging the viewer in a captivating dialogue.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="fill-my-cycle-header">Fill My Cycle Header<a href="#fill-my-cycle-header" class="hash-link" aria-label="Direct link to Fill My Cycle Header" title="Direct link to Fill My Cycle Header">​</a></h3><p>The header is located at the upper centre portion of the page.</p><p><strong>To display the fill my cycle header we need to follow the following steps:</strong></p><ol><li><p>Opening the <strong>index.html</strong> file.</p></li><li><p>In this section our prime focus is to obtain the <strong><em>fill my cycle header</em></strong> this can be found in the <strong>index.html</strong> code. Here we created different <code>&lt;div&gt;</code> classses for classifying different parts of codes and simply used html to type the logo enclosed under <code>&lt;h3&gt;</code> tag and also used <strong>Styling</strong> to obtain the blue color.</p></li></ol><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7"></div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">container</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">top-container</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">header</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">header</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h3</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Fill My Cycle</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h3</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="3"><li><strong> After following the above steps the header looks like this.</strong></li></ol><figure><center><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"><b><figcaption>Header Section</figcaption></b></center></figure><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="theme-changer">Theme changer<a href="#theme-changer" class="hash-link" aria-label="Direct link to Theme changer" title="Direct link to Theme changer">​</a></h3><p>Making it very necessary for us as well to put theme changer to make user experience better and memorable. </p><p><strong>Let&#x27;s now understand it&#x27;s code now:</strong></p><ol><li><p>Firstly open <strong>index.html</strong> file.</p></li><li><p>Here we have created <code>&lt;div&gt;</code> class called <code>id</code> button which has its value as <code>DARK</code> and it redirects to <strong>script.js</strong> and this button follows the image showing an icon of half moon which on clicking leads us to the dark theme.</p></li></ol><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">btn-mode</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mode-text</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">DARK</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mode-icon</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">./assets/icons/moon-icon.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="3"><li><p>Now let&#x27;s open <strong>script.js</strong>.</p></li><li><p>Here we have used if-else statement here, if darkMode is equal to <strong>false</strong>, it means the dark mode is currently <strong>off.</strong> In that case, the <code>darkModeProp()</code> function is called. </p></li></ol><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> root </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">documentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">style</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">addEventListener</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;DOMContentLoaded&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> btnMode </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;btn-mode&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> modetext </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;mode-text&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> modeicon </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;mode-icon&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">let</span><span class="token plain"> darkMode </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> btnMode</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">addEventListener</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;click&#x27;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">darkMode </span><span class="token operator" style="color:#393A34">==</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">darkModeProp</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">lightModeProp</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="5"><li>Function <code>darkModeProp</code> sets the style properties to define the dark mode appearance, updates the mode text to &quot;LIGHT&quot;, changes the mode icon to a sun, and sets <code>darkMode</code> to <strong>true</strong> and uses the parameters given in the code. If <code>darkMode</code> is not equal to <strong><em>false</em></strong> it means dark mode is currently <strong><em>on.</em></strong> </li></ol><div class="language-js codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-js codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> root </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">documentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">style</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">darkModeProp</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> root</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">setProperty</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;--lm-bg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;#131414&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// It&#x27;s followed by similar parameters defined to obtain Dark Theme</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> modetext</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;LIGHT&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> modeicon</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">src</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./assets/icons/sun-icon.svg&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> root</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">setProperty</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;--lm-icon-bg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;brightness(1000%)&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> darkMode </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">localStorage</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">setItem</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;dark-mode&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>In the very same way we have also created for how to switch the user interface back to light mode, just changed the paramters values.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="help">Help<a href="#help" class="hash-link" aria-label="Direct link to Help" title="Direct link to Help">​</a></h3><ol><li><p>The <strong>Need Help</strong> or the <strong>Click here to see instructions</strong> is provided just below the fill my cycle.</p></li><li><p>This is a clickable button which when the user clicks takes him directly to the <strong>instructions components</strong></p></li><li><p>Now lets understand it&#x27;s code by opening <strong>index.html</strong> file</p></li><li><p>Overall, the code represents a row with a form that has a heading saying <strong>&quot;Need Help?&quot;</strong> and a <strong>button</strong> when the user clicks leads him to instructions part.</p></li><li><p>The <code>&lt;div&gt;</code> class sets the styling and padding of the <strong>Need Help</strong> text , this text is followed by a clickable button.</p></li></ol><div class="language-html codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.html</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">col-sm-6 col-sm-offset-3 col-xs-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">form</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">form-inline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">action</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag special-attr attr-name" style="color:#00a4db">onsubmit</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag special-attr attr-value value javascript language-javascript keyword control-flow" style="color:#00009f">return</span><span class="token tag special-attr attr-value value javascript language-javascript" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value javascript language-javascript boolean" style="color:#36acaa">false</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h5</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mrg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Need Help? </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">btn btn-success btn-xs instr-ref</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain">Click here to see instructions</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h5</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong> After adding the <em>fill my cycle header</em>, <em>theme changer button</em> and <em>need help button</em> the header will look something like this: </strong></p><figure><img loading="lazy" src="/assets/images/cycle-757d03fd95fe73fc6c1fb460f256f3fd.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Header Section</figcaption></b></center></figure><br><p><em>The <a href="/docs/projects/fmc-website/components/header-help"><strong>Header Section</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <strong><a href="/docs/projects/fmc-website/components/defining-cycle">Defining cycles</a></strong> of the <strong><a href="https://fillmycycle.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/header-help.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/tech-stacks"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tech Stacks</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/defining-cycle"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Defining Cycle</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#fill-my-cycle-header" class="table-of-contents__link toc-highlight">Fill My Cycle Header</a></li><li><a href="#theme-changer" class="table-of-contents__link toc-highlight">Theme changer</a></li><li><a href="#help" class="table-of-contents__link toc-highlight">Help</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/components/tech-stacks/index.html b/docs/projects/fmc-website/components/tech-stacks/index.html index 48a28705..9d046cc8 100644 --- a/docs/projects/fmc-website/components/tech-stacks/index.html +++ b/docs/projects/fmc-website/components/tech-stacks/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/header-help">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/defining-cycle">Defining Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/displaying-cycle">Displaying Cycle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/cycle-result">Cycle Result</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/button-instructions">Button and Instructions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/components/footer">Footer</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Components</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Tech Stacks</h1></header><div style="display:flex;flex-direction:Column;justify-content:space-around"><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/html-ff3cf75e3b7cbb4ea77c891785e98365.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>HTML</b> is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way.<a href="https://html.com/" target="_blank" rel="noopener noreferrer"> <b>Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/css-8ea58d31a9d39dd59031fca1da8eb522.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>CSS</b> is a rule-based language — you define the rules by specifying groups of styles that should be applied to particular elements or groups of elements on your web page. <br> <a href="https://web.dev/learn/css/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/JavaScript-062825dbceed44567e91642a6c8fa809.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>JavaScript</b> is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else.<a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/components/tech-stacks.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/header-help"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Header</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/getting-started/index.html b/docs/projects/fmc-website/getting-started/index.html index e2fb1ae4..800fb72f 100644 --- a/docs/projects/fmc-website/getting-started/index.html +++ b/docs/projects/fmc-website/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The TCET Training and Placment page is built using <strong>JavaScript</strong>, which allows for dynamic interaction with web pages, enabling developers to create responsive and interactive user interfaces.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-the-site-on-your-local-system">Steps to run the site on your local system:<a href="#steps-to-run-the-site-on-your-local-system" class="hash-link" aria-label="Direct link to Steps to run the site on your local system:" title="Direct link to Steps to run the site on your local system:">​</a></h2><p>These are the steps you need to follow to get this site on your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1--install-git-in-your-computer">1. Install Git in your computer<a href="#1--install-git-in-your-computer" class="hash-link" aria-label="Direct link to 1. Install Git in your computer" title="Direct link to 1. Install Git in your computer">​</a></h3><p>Follow these steps to install git in your computer.</p><ol><li>Go to <strong><a href="https://git-scm.com/downloads" target="_blank" rel="noopener noreferrer">https://git-scm.com/downloads</a></strong>.</li><li>Click on Windows. Download should start.</li><li>Go to downloads and install the package.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-clone-the-repo">2. Clone the repo<a href="#2-clone-the-repo" class="hash-link" aria-label="Direct link to 2. Clone the repo" title="Direct link to 2. Clone the repo">​</a></h3><p>Open Git Bash in any folder and paste the following command</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/fillmycycle</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-install-nodejs">3. Install NodeJS<a href="#3-install-nodejs" class="hash-link" aria-label="Direct link to 3. Install NodeJS" title="Direct link to 3. Install NodeJS">​</a></h3><ol><li>Go to <strong><a href="https://nodejs.org/en/download" target="_blank" rel="noopener noreferrer">https://nodejs.org/en/download</a></strong></li><li>Select <b>Current</b>.</li><li>Download the 64-bit .msi version. Follow the steps and install NodeJS.</li></ol><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>It is important to have NodeJS in your system</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-open-the-folder-in-vs-code">4. Open the folder in VS Code<a href="#4-open-the-folder-in-vs-code" class="hash-link" aria-label="Direct link to 4. Open the folder in VS Code" title="Direct link to 4. Open the folder in VS Code">​</a></h3><ol><li>Install <strong><a href="https://code.visualstudio.com/docs/?dv=win32user" target="_blank" rel="noopener noreferrer">VS Code</a></strong> if not installed. </li><li>Open Windows Terminal in the folder you have cloned the repo, as done in <a href="#clone-the-repo">step 2</a>.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-required-extensions">5. Required Extensions<a href="#5-required-extensions" class="hash-link" aria-label="Direct link to 5. Required Extensions" title="Direct link to 5. Required Extensions">​</a></h3><ol><li><p>Inorder to run html and JavaScript files on VS code and to preview the code, we are reqiured to download some extensions.</p></li><li><p>To install extensions you are required to open <strong>extensions icon</strong> present on left sidebar.</p></li><li><p>Now search here <strong><em>Live Server</em></strong> and install the extension with placed right at top.</p><blockquote><p><img loading="lazy" alt="Live Server" src="/assets/images/live-server-bf11e0733f79622dd51d91e969e64309.png" width="708" height="180" class="img_ev3q"></p></blockquote></li><li><p>Do the same procedure and install <strong><em>Code Runner</em></strong>(to preview JavaScript).</p><blockquote><p><img loading="lazy" alt="Code Runner" src="/assets/images/code-runner-5c1d281167253b78c6eb4fed345fd8f9.png" width="596" height="162" class="img_ev3q"></p></blockquote></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-to-preview">6. To Preview<a href="#6-to-preview" class="hash-link" aria-label="Direct link to 6. To Preview" title="Direct link to 6. To Preview">​</a></h3><ol><li><p>On opening the <code>index.html</code> file we can simply by right clicking on a HTML file from Explorer Window and <strong>clicking on Open with Live server</strong> or open a HTML file and <strong><em>right-click</em></strong> on the editor and click on <strong>Open with Live Server</strong> or can even use a shortcut <strong>alt+L.</strong></p></li><li><p>For previewing the <code>script.js</code> file we can easily press <strong>Run Code</strong> or <strong>ALt+Ctrl+N</strong>, but this can only we used to show outputs, but in our case we also deal with inputs from the user.</p></li><li><p>So to resolve this issue we&#x27;ll first open terminal and put the following command and hit enter.</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> prompt-sync</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Now we are all set to go, on running the code we&#x27;ll get the preview as well the input promt in <strong>Terminal</strong>.</p></li></ol><p><em><strong>Following the above steps we have successfully run and examined the preview as well.</strong></em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/getting-started.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T15:48:11.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/about-fmc-website"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/components/tech-stacks"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tech Stacks</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#steps-to-run-the-site-on-your-local-system" class="table-of-contents__link toc-highlight">Steps to run the site on your local system:</a><ul><li><a href="#1--install-git-in-your-computer" class="table-of-contents__link toc-highlight">1. Install Git in your computer</a></li><li><a href="#2-clone-the-repo" class="table-of-contents__link toc-highlight">2. Clone the repo</a></li><li><a href="#3-install-nodejs" class="table-of-contents__link toc-highlight">3. Install NodeJS</a></li><li><a href="#4-open-the-folder-in-vs-code" class="table-of-contents__link toc-highlight">4. Open the folder in VS Code</a></li><li><a href="#5-required-extensions" class="table-of-contents__link toc-highlight">5. Required Extensions</a></li><li><a href="#6-to-preview" class="table-of-contents__link toc-highlight">6. To Preview</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/average/index.html b/docs/projects/fmc-website/mathematical-logic/average/index.html index f27f97c0..cfe3fd43 100644 --- a/docs/projects/fmc-website/mathematical-logic/average/index.html +++ b/docs/projects/fmc-website/mathematical-logic/average/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Average</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Average</h1></header><p>The <code>avg(tbl)</code> function <strong>helps us find the average of numbers in a table</strong>, make sure it&#x27;s not too small, <em>adjust it to be an even number if needed,</em> and then <em>put the result in a specific input field.</em> Imagine you have a <em>special table with rows of numbers,</em> and you want to <strong>find average of those numbers.</strong> This function will help us with that.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">avg</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">tbl</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> s</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">n</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">n</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> s</span><span class="token operator" style="color:#393A34">+=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> s</span><span class="token operator" style="color:#393A34">/=</span><span class="token plain">n</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> s</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">!=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> s</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> s</span><span class="token operator" style="color:#393A34">+=</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">s</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl</span><span class="token operator" style="color:#393A34">==</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#ip1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">s</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#ip2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">s</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Now let&#x27;s go through each lines of the code:</p><ol><li><p>We start by getting a table, which is like a special <em>chart with rows and columns.</em> We call this table <code>tbl</code>. It&#x27;s the <strong>table we want to work</strong> with and <strong>perform some actions on.</strong></p></li><li><p>We <em>create two special variables,</em> <strong>&quot;s&quot;</strong> and <strong>&quot;n&quot;</strong>. <code>s</code> will help us keep <strong>track of the sum of numbers,</strong> and <code>n</code> will <strong>keep track of how many rows there are in the table.</strong> We start with <em>both variables set to 0.</em></p></li><li><p>Now, we go through each row of the table one by one. We <strong><em>start counting from 0</em></strong> and keep <em>going until we reach the last row.</em> For each row, we <em>do something special.</em></p></li><li><p>We <em>check if the first input field in the row has a value in it.</em> It&#x27;s like looking at the box in that row and <strong>seeing if there&#x27;s a number inside.</strong> If there is, we <strong>take that number and add it to our sum variable &quot;s&quot;.</strong> But if there&#x27;s <strong>nothing inside the box,</strong> we <strong><em>stop everything and return &quot;false&quot;.</em></strong> It means <em>there&#x27;s a problem,</em> like a missing number.</p></li><li><p>After <em>going through all the rows</em>, <strong>we divide the sum &quot;s&quot; by the total number of rows &quot;n&quot;</strong> to find the <strong><em>average.</em></strong> It&#x27;s like <em>adding up all the numbers and then dividing the total by how many numbers there are.</em></p></li><li><p>Next, we check if the <strong>average is less than 20.</strong> If it is, we <strong>set it to 20.</strong> It means that even if the average is really <strong>small,</strong> <em>it should be at least 20.</em></p></li><li><p>Now, we <strong>check if the average is an odd number.</strong> If it is, we <em>do some special adjustments to make it an even number.</em> If the average is <em>slightly less than an even number</em> (like 21.3), we <strong>subtract the remainder</strong> (in this case, 1) to make it an <strong>even number</strong> (20). But if the average is <strong>slightly more</strong> than an even number (like 22.7), <strong>we add the difference</strong> (in this case, 0.3) to make it the <strong><em>next even number</em></strong> (24).</p></li><li><p>After <em>all these calculations</em>, we check which <strong>table we were working with</strong>. If it&#x27;s a <strong>table</strong> called <code>tbl01</code>, we find a <strong>special input</strong> field called <code>ip1</code> and <strong>put the average value there.</strong> But if it&#x27;s a different table, we find a <strong>different input field called <code>ip2</code> </strong> and <em>put the average value there.</em></p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/average"><strong>Average</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/perform"><strong>Perform</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/average.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/checker"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Checker</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/perform"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Perform</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/calculation/index.html b/docs/projects/fmc-website/mathematical-logic/calculation/index.html index e0e4706e..fe86f7b4 100644 --- a/docs/projects/fmc-website/mathematical-logic/calculation/index.html +++ b/docs/projects/fmc-website/mathematical-logic/calculation/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Calculation</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Calculation</h1></header><p>The <strong>&quot;Calculate&quot;</strong> function in JavaScript takes a <strong>table and an input field</strong> as <strong>parameters.</strong> It retrieves the <em>numerical value from the input field and performs various checks and calculations.</em> If the value meets certain conditions, <em>it adjusts it, determines a level, distributes the difference, updates the table&#x27;s cells with images, multiplies values,</em> and <strong>returns an array.</strong>The calculate function <strong>performs various calculations</strong> and <strong>updates the table and arrays based on the input provided,</strong> and <em>it returns an array of values (w) at the end.</em></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">calculate</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">tbl</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter">ip</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> marks</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseFloat</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">2</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;10&quot;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> marks</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">20</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> marks</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">!=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> marks</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> marks</span><span class="token operator" style="color:#393A34">+=</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">2</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">marks</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> l</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> w</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> lvl</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">/</span><span class="token number" style="color:#36acaa">20</span><span class="token operator" style="color:#393A34">+</span><span class="token known-class-name class-name">Math</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">ceil</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">20</span><span class="token operator" style="color:#393A34">/</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">lvl</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">20</span><span class="token operator" style="color:#393A34">!=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">20</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">marks</span><span class="token operator" style="color:#393A34">%</span><span class="token number" style="color:#36acaa">20</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">-=</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">-=</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">2</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">-=</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">-=</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">-=</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">6</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&#x27;&lt;img src=&quot;./assets/images/check.png&quot; style= &quot;height:50px; width:60px;&quot;&gt;&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">*=</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">push</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">marks</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>In the calculate function, the following operations are performed:</p><ol><li><p>The <strong>input value</strong> is parsed as a <strong>float and stored in the marks variable.</strong> </p></li><li><p>There are three conditional checks:</p></li></ol><ul><li>The first condition checks if the <em>input value has a length of 2, is not equal to &quot;10&quot;, and is less than or equal to 20.</em> If <strong>true</strong>, it <strong>sets</strong> both the <strong>input value and marks to 20.</strong></li><li>The second condition checks if <em>marks is greater than 100.</em> If true, it <strong>sets</strong> both the <strong>input value and marks to 100.</strong></li><li>The third condition checks if <em>marks is between 20 and 100 (inclusive).</em> If <strong>true,</strong> further calculations are performed.<!-- --> Inside the third condition: The <strong>nested if condition checks</strong> if <em>marks is an odd number.</em> If <strong>true,</strong> it adjusts <strong>marks</strong> to the <strong><em>nearest even number.</em></strong> If the <em>fractional part of marks is less than 1,</em> it <strong>subtracts</strong> it from marks to make it <strong>even.</strong> Otherwise, it adds <em>(2 - fractional part)</em> to marks to make it the next even number.</li></ul><ol start="3"><li><p>The diff variable is <em>initialized to 0.</em></p></li><li><p>Arrays <em>l</em> and <em>w</em> are created with initial values <code>[5, 5, 5, 5, 5]</code> and <code>[6, 6, 2, 2, 4]</code> respectively.</p></li><li><p>The <strong>lvl variable</strong> is <em>calculated</em> as <code>(marks - marks % 20) / 20 + Math.ceil(marks % 20 / 20)</code>, which <strong>determines</strong> the <strong>level based on marks.</strong></p></li><li><p>The values in array <em>l</em> are <em>updated to lvl</em> for all elements. The <strong>diff variable</strong> is <em>updated</em> based on the <em>remainder of marks divided by 20.</em></p></li><li><p>Using a <strong>while loop,</strong> the <em>diff value is gradually reduced by updating the values in array l</em> based on certain conditions. A <strong>nested loop</strong> is used to <strong>clear</strong> the HTML <strong>content of specific table cells.</strong></p></li><li><p>Another loop <em>updates the HTML content of specific table cells</em> with an <strong><em>image of a checkmark,</em></strong> based on the <em>values</em> in array <em>l</em>. The <em>values in array w</em> are <em>multiplied by the corresponding values in array l.</em></p></li><li><p>The marks value is <strong>added</strong> to the <strong>end of array w.</strong> The array <em>w</em> is <strong>returned.</strong> If <em>none of the conditions are met, the function returns <strong>false</strong>.</em></p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/calculation"><strong>Calculation</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/checker"><strong>Checker</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/calculation.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/scripts"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">scripts</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/checker"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Checker</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/checker/index.html b/docs/projects/fmc-website/mathematical-logic/checker/index.html index 8eba2b3e..3ae82f15 100644 --- a/docs/projects/fmc-website/mathematical-logic/checker/index.html +++ b/docs/projects/fmc-website/mathematical-logic/checker/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Checker</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Checker</h1></header><p>In simple terms, the <strong>&quot;check()&quot;</strong> function helps us <em>find things on a web page, move around when we type, do some calculations, and maybe show us some results later.</em> It&#x27;s like a <strong>little helper</strong> that does all these tasks for us! It <strong><em>retrieves table and input field elements</em></strong> by their <em>IDs, and checks for specific key codes.</em></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">check</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl1</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip1</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;ip1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;ip2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">9</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">16</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">target</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">srcElement</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">2</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;10&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token operator" style="color:#393A34">==</span><span class="token plain">ip1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token operator" style="color:#393A34">==</span><span class="token plain">ip2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">blur</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#result&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> w</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">calculate</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl1</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">ip1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">calculate</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">ip2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">cycle</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Let&#x27;s break it down step by step:</p><ol><li><p>The function starts by <em>looking for some important things on the page.</em> It wants to find <strong>two tables</strong>, one called <code>&quot;tbl1&quot;</code> and another called <code>&quot;tbl2&quot;</code>. It also wants to <strong>find two input fields</strong>, one called <code>&quot;ip1&quot;</code> and another called <code>&quot;ip2&quot;.</code> It uses special <strong>commands</strong> like <code>&quot;document.getElementById()&quot;</code> to <strong>find</strong> these things.</p></li><li><p>Then, it <em>checks if a certain key on the keyboard is pressed.</em> The <em>keys are like the buttons you press to type letters or numbers.</em> The function <strong>wants to know</strong> if the key with the <strong>number 9</strong> or the key with the <strong>number 16 is pressed.</strong> If it is, <em>it will stop doing anything else and just go back to what it was doing before.</em></p></li><li><p>Next, it tries to <strong>figure out</strong> which <strong>input field is being used.</strong> It does this by looking at the <em>place where you&#x27;re typing, like the input field you clicked on.</em> It looks at the <strong>&quot;event&quot;</strong> <em>happening at that moment.</em> An <strong>event</strong> is like a <em>little message that tells the function what is happening.</em> It tries to <strong>find the input field</strong> you&#x27;re typing in by using <code>&quot;event.target&quot;</code> or <code>&quot;event.srcElement&quot;.</code></p></li><li><p>If <em>you&#x27;re typing something in the input field,</em> the <strong>function checks how long the thing you typed is</strong> and if it&#x27;s <strong>not equal to &quot;10&quot;</strong>. If it <em>has at least 2 characters and it&#x27;s not exactly &quot;10&quot;,</em> something interesting happens!</p></li><li><p>It <em>checks which input field you&#x27;re typing in.</em> If it&#x27;s the <strong>first one,</strong> it does something called <strong><em>&quot;focusing&quot;</em></strong> on the <strong>second input field.</strong> It&#x27;s like <em>telling the computer to move the cursor to the second input field, so you can start typing there.</em> If it&#x27;s the <strong>second input field,</strong> it does something else. It <em>stops you from typing more and takes you to a different part of the web page called <code>#result</code>.</em></p></li><li><p>After that, the function <em>checks if there&#x27;s anything typed in the first input field.</em> If there is, it uses another <strong>special function</strong> called <code>calculate()</code> to do <em>some calculations using the first table and the first input field.</em></p></li><li><p>Then, it <em>checks if there&#x27;s anything typed in the second input field.</em> If there is, it uses the same <code>calculate()</code> function to do <strong>some calculations</strong> using the <em>second table and the second input field.</em></p></li><li><p>Finally, it does something called <code>cycle()</code> and <em>gives it the results of the calculations it did before.</em> This <code>cycle()</code> function probably does something really important with those results, which we&#x27;ll see in another section.</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/checker"><strong>Checker</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/average"><strong>Average</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/checker.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/calculation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Calculation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/average"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Average</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/input-handler/index.html b/docs/projects/fmc-website/mathematical-logic/input-handler/index.html index 2eae8224..dd94bf11 100644 --- a/docs/projects/fmc-website/mathematical-logic/input-handler/index.html +++ b/docs/projects/fmc-website/mathematical-logic/input-handler/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Input Handler</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><h1>Input Handler</h1><p>This <em>function is triggered</em> when a <strong>key is pressed on an input field.</strong> Let&#x27;s break down the JavaScript function <code>expkeyup()</code> in simple terms:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">expkeyup</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">9</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">16</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">target</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">srcElement</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">2</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;10&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> next</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">parentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">parentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">nextElementSibling</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">next</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> next</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">next</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> last1</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">parentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">parentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">parentElement</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> last2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> val </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">val</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">val</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token operator" style="color:#393A34">==</span><span class="token plain">last2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">blur</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#result&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token operator" style="color:#393A34">==</span><span class="token plain">last1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl02 tr input:first&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">next</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">perform</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li>We start by checking if the key code of the <em>pressed key is either 9 (Tab key) or 16 (Shift key).</em> If it is, we <strong>stop further execution</strong> of the function and <strong>return false.</strong> It&#x27;s like ignoring certain keys that we don&#x27;t want to respond to.</li><li>We <em>identify the input field where the key was pressed.</em> It&#x27;s like finding the specific input field where we are typing.</li><li>We <em>check if the input field has a value.</em> If it does, we perform some actions inside this condition.</li><li>We check if the value in the <strong>input field</strong> has a <strong>length of at least 2 characters and is not equal to &quot;10&quot;.</strong> If it meets these conditions, we proceed with further actions.</li><li>We <em>find the next input field by navigating</em> through the HTML elements. It&#x27;s like finding the next input field in a sequence.</li><li>We also find the <em>last input field</em> in another table with the ID <code>tbl02</code>. These fields are located somewhere else in the HTML structure.</li><li>We <strong>convert</strong> the value in the <em>current input field to an integer</em> and store it in a variable called <code>val</code>. It&#x27;s like reading the number entered in the input field.</li><li>We <em>check if the value is less than 0.</em> If it is, we set the value of the input field to 0. It&#x27;s like ensuring that the value is not negative.</li><li>We <em>check if the value is greater than 100.</em> If it is, we set the value of the input field to 100. It&#x27;s like ensuring that the value is not greater than 100.</li><li>We <em>check if the current input field is the last input field</em> in <code>tbl02</code>. If it is, we <strong>blur the input field</strong> (remove focus) and <strong>replace</strong> the location hash with <strong>&quot;#result&quot;.</strong> It&#x27;s like moving the focus away from the input field and updating the URL.</li><li>If the <em>current input field is not the last input field</em> in <code>tbl02</code>, we check if it is the last input field in its parent row. If it is, we find the <em>first input field in the first row of <code>tbl02</code> and give it focus.</em> It&#x27;s like moving the focus to the first input field in the next row.</li><li>If none of the above conditions are met, we move the <strong>focus to the next input field using jQuery&#x27;s &quot;$()&quot; function.</strong> It&#x27;s like shifting the focus to the next input field in the sequence.</li><li>Finally, we call the <code>perform()</code> function, which is not defined in this code snippet but helps us find and define tables. So, this function helps us respond to keyup events in input fields. It <em>performs validation on the input value, navigates to the next input field, updates the URL, and triggers the <code>perform()</code> function.</em> It&#x27;s like a handler that listens to keyboard input and manages the flow of focus and actions accordingly!</li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/input-handler"><strong>Input Handler</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/table-calculator"><strong>Table Calculator</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/input-handler.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Table Row Updater</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/table-calculator"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table Calculator</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/page-interaction/index.html b/docs/projects/fmc-website/mathematical-logic/page-interaction/index.html index 09caad54..0f4cade2 100644 --- a/docs/projects/fmc-website/mathematical-logic/page-interaction/index.html +++ b/docs/projects/fmc-website/mathematical-logic/page-interaction/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Page Interaction</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Page Interaction</h1></header><p>This function <strong>sets up all the interactions and behaviors for the web page</strong> so that you can use it easily and perform different actions by clicking, typing, or changing values.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">ready</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">click</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">trigger</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;click&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">9</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">16</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">37</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token number" style="color:#36acaa">40</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">target</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">srcElement</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c10</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c10&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c11</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token number" style="color:#36acaa">15</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">15</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain">c10</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">c11change</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">1</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">c11change</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">9</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">16</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">37</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">keyCode</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token number" style="color:#36acaa">40</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ip </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">target</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> event</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">srcElement</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c20</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c20&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c21</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c21</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token number" style="color:#36acaa">30</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">30</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c21</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token plain">c20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">c21change</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token number" style="color:#36acaa">1</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;1&quot;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;2&quot;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> ip</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">value</span><span class="token operator" style="color:#393A34">!=</span><span class="token string" style="color:#e3116c">&quot;3&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl01 tr input:first&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">c21change</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> expkeyup</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> perform</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.ip&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> check</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.ip&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> check</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;button.reset&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;click&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;input&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">perform</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl1</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl3</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl3&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">man_mode</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#man_mode_br&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">focus</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#man_mode&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;click&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">switch_mode</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl1 td&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">click</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">cell_check</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl2 td&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">click</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">cell_check</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;.instr-ref&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">click</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#instructions&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;.man-mode-ref&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">click</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">function</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">location</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">replace</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#man_mode_br&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar Logic has been used in c11 and c21 updater functions.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="heres-what-the-function-does-step-by-step">Here&#x27;s what the function does step by step.<a href="#heres-what-the-function-does-step-by-step" class="hash-link" aria-label="Direct link to Here&#x27;s what the function does step by step." title="Direct link to Here&#x27;s what the function does step by step.">​</a></h3><ol><li><p>It <strong>focuses on a specific field</strong> with an ID called &quot;c11&quot;. It&#x27;s like pointing your finger at that field so you can start typing in it.</p></li><li><p>It <strong>simulates a click</strong> on the &quot;c11&quot; field. It&#x27;s like tapping on it with your finger.</p></li><li><p>It triggers a &quot;click&quot; event on the &quot;c11&quot; field. It&#x27;s like pretending you clicked on it again.</p></li><li><p>It <em>listens for when you press a key on the keyboard while typing in the &quot;c11&quot; field.</em> If you press certain keys like the Tab key or Shift key, it won&#x27;t do anything. It&#x27;s like ignoring those keys.</p></li><li><p>It gets the value you typed in the &quot;c11&quot; field and <strong>checks if it&#x27;s greater than 15.</strong> If it is, it changes the value to 15. It&#x27;s like making sure the number is not too big.</p></li><li><p>If the value you typed is greater than another field called &quot;c10&quot;, it triggers a function called &quot;c11change&quot;. It&#x27;s like telling another part of the page to do something if the number is bigger.</p></li><li><p>If you typed at least one character in the &quot;c11&quot; field that is not &quot;1&quot;, it focuses on another field called &quot;c21&quot;. It&#x27;s like moving your attention to that field.</p></li><li><p>The function continues and does similar things for the &quot;c21&quot; field. <em>It listens for key presses, checks the value, triggers a function called &quot;c21change&quot;</em> if necessary, and focuses on another field if certain conditions are met.</p></li><li><p>It <strong>sets up listeners for when you type or change values in fields</strong> with a class called &quot;exp&quot;. It&#x27;s like keeping an ear out for any changes you make in those fields.</p></li><li><p>It sets up listeners for when you type or change values in fields with a class called &quot;ip&quot;. It&#x27;s like keeping an ear out for any changes you make in those fields as well.</p></li><li><p>It sets up a listener for when <strong>*you click a button with a class called &quot;reset&quot;.</strong> When you click that button, it clears all the values in input fields and performs some actions to reset the page.</p></li><li><p>It sets up a listener for when you click a button with an ID called &quot;man_mode&quot;. When you click that button, it switches the page to a different mode.</p></li><li><p>It sets up listeners for when you click on certain cells in a table with an ID called &quot;tbl1&quot; or &quot;tbl2&quot;. When you click on those cells, it triggers a function called &quot;cell_check&quot;.</p></li><li><p>It sets up listeners for when you click on certain elements with classes &quot;instr-ref&quot; or &quot;man-mode-ref&quot;. When you click on those elements, it changes the location of the page to show different instructions or information.</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/page-interaction"><strong>Page Interaction</strong></a> function! And here we also complete all the functions of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/page-interaction.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/table-transformation"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Table Transformation</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/about-resume-screener-website"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About Resume Screener Website</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#heres-what-the-function-does-step-by-step" class="table-of-contents__link toc-highlight">Here&#39;s what the function does step by step.</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/perform/index.html b/docs/projects/fmc-website/mathematical-logic/perform/index.html index f081f767..144f80a5 100644 --- a/docs/projects/fmc-website/mathematical-logic/perform/index.html +++ b/docs/projects/fmc-website/mathematical-logic/perform/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Perform</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Perform</h1></header><p>The <strong><code>perform()</code></strong> function helps us <em>find and work with specific tables, calculate the averages of the numbers in those tables</em>, and then move on to perform additional actions using the &quot;check()&quot; function. It&#x27;s like a script for a show, where we do things in a specific order to make everything work smoothly!</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">perform</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl01</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">avg</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl01</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl02</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">avg</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">check</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Let&#x27;s go through each step of the code:</p><ol><li><p>First, we <strong>find a table</strong> called <code>tbl01</code>. It&#x27;s like a special chart with rows and columns. We use a special code called <code>document.getElementById()</code> to find this table.</p></li><li><p>Then, we do something special with this table. We call another function called <code>avg(tbl01)</code>. It&#x27;s like telling someone to <em>find the average of the numbers in that table.</em> So, we&#x27;re asking for the average of all the numbers in the table <code>tbl01</code>.</p></li><li><p>We <strong>repeat the same process</strong> with another table called <code>tbl02</code>. We find it using the same special code <code>.getElementById()</code> and then call the <code>avg(tbl02)</code> function to find the average of the numbers in that table too.</p></li><li><p>After finding the averages of both tables, we move on to the next task. We call another function called <code>check()</code>. It&#x27;s like asking someone to <em>perform a checklist or a set of instructions.</em></p></li><li><p>Inside the <code>check()</code> function, there might be more instructions and actions happening, this function helps us find things on a web page, move around when we type, do some calculations, and maybe show us some results later. </p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/perform"><strong>Perform</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/table-updater"><strong>Table Updater</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/perform.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/average"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Average</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/table-updater"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table Updater</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/scripts/index.html b/docs/projects/fmc-website/mathematical-logic/scripts/index.html index e3ee086a..fc763196 100644 --- a/docs/projects/fmc-website/mathematical-logic/scripts/index.html +++ b/docs/projects/fmc-website/mathematical-logic/scripts/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Mathematical Logic</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>scripts</h1></header></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/scripts.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T14:08:27.000Z">Jul 2, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/components/footer"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Footer</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/calculation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Calculation</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/table-calculator/index.html b/docs/projects/fmc-website/mathematical-logic/table-calculator/index.html index 64ff43dc..16e49f1f 100644 --- a/docs/projects/fmc-website/mathematical-logic/table-calculator/index.html +++ b/docs/projects/fmc-website/mathematical-logic/table-calculator/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Table Calculator</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Table Calculator</h1></header><p>The <code>cal_man(tbl)</code> function <strong>calculates and manages values based on a table&#x27;s rows and columns.</strong> It <strong>multiplies and accumulates numbers</strong> based on certain conditions and <em>returns the updated array of values.</em> It&#x27;s like performing some calculations and keeping track of the results! Let&#x27;s break down the JavaScript function <code>cal_man(tbl)</code> in a simple way:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">cal_man</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">tbl</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> w</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">4</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tr</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> td</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">tr</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">children</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">children</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;img&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">parent</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> col</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">tr</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">children</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">index</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">td</span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">-</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">col</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">*=</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">5</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">col</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">+=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We start with an array called <strong>&quot;w&quot;</strong> which holds some initial values: <strong>[6, 6, 2, 2, 4, 0]<!-- -->.</strong> It&#x27;s like having a list of numbers to work with.</p></li><li><p>We go through a loop that repeats 5 times. In each iteration, we perform some actions.</p></li><li><p>Inside the loop, we <strong>find a specific row</strong> in the table using the variable &quot;tr&quot;. It&#x27;s like picking a row from the table.</p></li><li><p>Then, we find a specific cell in that row which contains an image. We store this cell in the variable &quot;td&quot;. It&#x27;s like selecting a cell with an image.</p></li><li><p>We <em>calculate the column index of the selected cell relative</em> to its row. It&#x27;s like finding the position of the cell within the row.</p></li><li><p>If the calculated column index is <strong>less than 0</strong> (which means it&#x27;s an invalid index), we stop further execution of the function and return false. It&#x27;s like checking if the column index is valid.</p></li><li><p>If the column index is valid, we perform some calculations using the values in the &quot;w&quot; array. It&#x27;s like doing some mathematical operations.</p></li><li><p>We <strong>multiply the value in the &quot;w&quot; array at index &quot;i&quot; by (5 - col),</strong> where <code>col</code> is the calculated column index. It&#x27;s like multiplying a number by another number and storing the result.</p></li><li><p>We add the calculated value to the last element of the &quot;w&quot; array (at index 5). It&#x27;s like accumulating the calculated values.</p></li><li><p>After the loop is completed, we return the updated &quot;w&quot; array. It&#x27;s like giving back the final result.</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/table-calculator"><strong>Table Calculator</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/table-manager"><strong>Table Manager</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/table-calculator.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/input-handler"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Input Handler</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/table-manager"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table Manager</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/table-manager/index.html b/docs/projects/fmc-website/mathematical-logic/table-manager/index.html index c9816576..8e6cca90 100644 --- a/docs/projects/fmc-website/mathematical-logic/table-manager/index.html +++ b/docs/projects/fmc-website/mathematical-logic/table-manager/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Table Manager</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Table Manager</h1></header><p>The <code>check_man()</code><strong> function checks and manages values in two tables.</strong> It calculates some values for each table and performs an action with the calculated results. It&#x27;s like checking and handling the values in a organized way! This function checks and manages values in two tables. Let&#x27;s go through each step:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">check_man</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl1</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> w</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">cal_man</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">cal_man</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">cycle</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We start by <strong>finding a table</strong> with the ID &quot;tbl1&quot; and storing it in the variable &quot;tbl1&quot;. It&#x27;s like picking the first table.</p></li><li><p>Then, we <strong>find another table</strong> with the ID &quot;tbl2&quot; and store it in the variable &quot;tbl2&quot;. It&#x27;s like picking the second table.</p></li><li><p>We <em>create an empty array</em> called &quot;w&quot;. It&#x27;s like having a list to store values.</p></li><li><p>We <strong>calculate some values</strong> for the first table using the <code>cal_man()</code> function and store the result in the first element of the &quot;w&quot; array (at index 0).</p></li><li><p>Similarly, we <strong>calculate some values</strong> for the second table using the <code>cal_man()</code> function and store the result in the second element of the &quot;w&quot; array (at index 1).</p></li><li><p>Finally, we call the <code>cycle()</code> function, passing the calculated values from the first table (w<!-- -->[0]<!-- -->) and the second table (w<!-- -->[1]<!-- -->) as arguments. It&#x27;s like performing some action with those values.</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/table-manager"><strong>Table Manager</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/table-transformation"><strong>Table Transformation</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/table-manager.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/table-calculator"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Table Calculator</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/table-transformation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table Transformation</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/table-row-updater/index.html b/docs/projects/fmc-website/mathematical-logic/table-row-updater/index.html index 7049374c..df3c8147 100644 --- a/docs/projects/fmc-website/mathematical-logic/table-row-updater/index.html +++ b/docs/projects/fmc-website/mathematical-logic/table-row-updater/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Table Row Updater</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Table Row Updater</h1></header><p>The <code>c21change()</code> function helps us perform actions when the value of the &quot;c21&quot; field changes. It <strong>adjusts the number of rows in the &quot;tbl02&quot; table</strong> based on the desired value, <strong>updates the displayed range of rows,</strong> and <strong>triggers the <code>perform()</code> function.</strong> It&#x27;s like a handler that responds to changes and keeps things in sync! Imagine you have a form with different fields and tables, and you want to perform certain actions when one of the fields changes. This function <code>c21change()</code> helps us with that.</p><p>Now let&#x27;s breakdown each line of the code:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">c21change</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c21</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl01</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl02</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl3</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl3&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c21 </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> c21</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c20</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c20&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c21</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c21</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token plain">c20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> c21</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c20</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c21</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tot</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c21</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">c20</span><span class="token operator" style="color:#393A34">+</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> act</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> tot</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">act</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">*=</span><span class="token operator" style="color:#393A34">-</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">removeChild</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ct</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c20</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">append</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;&lt;tr&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&#x27;</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">ct</span><span class="token operator" style="color:#393A34">+</span><span class="token string" style="color:#e3116c">&#x27;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&lt;input class=&quot;form-control input-sm exp&quot; type=&quot;number&quot; min=&quot;0&quot; max=&quot;100&quot; step=&quot;1&quot;/&gt;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;/tr&gt;&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> ct</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> expkeyup</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> perform</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We start by <em>getting the value from a field called &quot;c21&quot; and converting it to a number.</em> It&#x27;s like looking at a specific spot and reading a number written there.</p></li><li><p>Next, we <strong>find three special tables</strong> called &quot;tbl01&quot;, &quot;tbl02&quot;, and &quot;tbl3&quot;. These tables have rows and columns, and we use a special code called <code>document.getElementById()</code> to find them.</p></li><li><p>Now, we check if the value of &quot;c21&quot; exists or if it&#x27;s equal to zero. If it does, we perform some actions inside this condition.</p></li><li><p>We get the value from another field called &quot;c20&quot; and convert it to a number. This field is located somewhere else, and we read the number written there.</p></li><li><p>We <strong>check</strong> if the <strong>value of &quot;c21&quot; is less than or equal to the value of &quot;c20&quot;.</strong> If it is, we set the value of &quot;c21&quot; to be the same as &quot;c20&quot; and update the field with this new value.</p></li><li><p>We calculate the <strong>difference between &quot;c21&quot; and &quot;c20&quot; and add 1 to it.</strong> It&#x27;s like finding out how many rows we need to add or remove in the &quot;tbl02&quot; table.</p></li><li><p>We calculate the current number of rows in the <code>tbl02</code> table and store it in a variable called &quot;act&quot;. It&#x27;s like counting how many rows are currently in the table.</p></li><li><p>We calculate the <em>difference between the desired number of rows &quot;tot&quot; and the current number of rows &quot;act&quot;.</em> If the difference is negative, it means we have extra rows that we need to remove.</p></li><li><p>If the difference is <strong>negative,</strong> we enter a loop and <strong>remove rows</strong> from the bottom of the &quot;tbl02&quot; table based on the absolute value of the difference. It&#x27;s like removing objects from the table until we reach the desired number of rows.</p></li><li><p>If the difference is <strong>not negative,</strong> we enter a loop and <strong>add rows</strong> to the &quot;tbl02&quot; table based on the difference. The number in the first column of each new row starts from &quot;c20&quot; plus the current number of rows in &quot;tbl02&quot; and increments by one for each row added.</p></li><li><p>We set event listeners for input fields with the class &quot;exp&quot;. These event listeners listen for keyup and change events and call a function called <code>perform</code> when triggered.</p></li><li><p>We call the <code>perform()</code> function, which is not defined in this code snippet but function helps us find and work with specific tables, calculate the averages of the numbers in those tables.</p></li><li><p>We calculate the current number of rows in the &quot;tbl01&quot; and &quot;tbl02&quot; tables and store them in variables &quot;ct1&quot; and &quot;ct2&quot; respectively.</p></li><li><p>We <strong>update the text</strong> of specific cells in the &quot;tbl3&quot; table to <strong>display the range of rows</strong> in &quot;tbl01&quot; and &quot;tbl02&quot; tables. It&#x27;s like updating the labels to show which rows belong to which table.</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/table-row-updater"><strong>Table Row Updater</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/input-handler"><strong>Input Handler</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/table-row-updater.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/table-updater"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Table Updater</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/input-handler"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Input Handler</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/table-transformation/index.html b/docs/projects/fmc-website/mathematical-logic/table-transformation/index.html index 605d96f1..a1277873 100644 --- a/docs/projects/fmc-website/mathematical-logic/table-transformation/index.html +++ b/docs/projects/fmc-website/mathematical-logic/table-transformation/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Table Transformation</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Table Transformation</h1></header><p>The <code>cycle(w0, w1)</code> function performs a cycle of actions on tables. It <strong>displays values, performs calculations, and updates specific rows of a table based on the provided values.</strong> It&#x27;s like going through a sequence of steps to manage and update the tables accordingly! Let&#x27;s go through each step:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">cycle</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">w0</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter">w1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl1</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl1&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl2</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl2&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl3</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl3&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> w</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w0</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token operator" style="color:#393A34">!</span><span class="token plain">man_mode</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl1</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token operator" style="color:#393A34">!</span><span class="token plain">man_mode</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">5</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> j</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">j</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl2</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">j</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerHTML</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token operator" style="color:#393A34">/</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">w</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">for</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> i</span><span class="token operator" style="color:#393A34">=</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token number" style="color:#36acaa">6</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">i</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">3</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">i</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We start by <strong>finding three tables:</strong> &quot;tbl1&quot;, &quot;tbl2&quot;, and &quot;tbl3&quot;. It&#x27;s like picking specific tables.</p></li><li><p>We create an array called &quot;w&quot; to store values: <strong>[w0, w1, [], []].</strong> It&#x27;s like having different containers for different things.</p></li><li><p>If the first element of &quot;w&quot; (w<!-- -->[0]<!-- -->) exists, we <strong>update the first row</strong> of &quot;tbl3&quot; with the values from w<!-- -->[0]<!-- -->. It&#x27;s like displaying some values in the first row of a table.</p></li><li><p>If w<!-- -->[0]<!-- --> doesn&#x27;t exist, we <strong>clear the cells in &quot;tbl1&quot;</strong> (except the first column) or leave them empty. It&#x27;s like erasing or leaving empty cells in a table.</p></li><li><p>Regardless of w<!-- -->[0]<!-- -->&#x27;s existence, <em>we clear the first row of &quot;tbl3&quot;</em> or leave it empty. It&#x27;s like erasing or leaving empty cells in the first row of a table.</p></li><li><p>If the second element of &quot;w&quot; (w<!-- -->[1]<!-- -->) exists, we update the second row of &quot;tbl3&quot; with the values from w<!-- -->[1]<!-- -->. It&#x27;s like displaying some values in the second row of a table.</p></li><li><p>If w<!-- -->[1]<!-- --> doesn&#x27;t exist, we clear the cells in &quot;tbl2&quot; (except the first column) or leave them empty. It&#x27;s like erasing or leaving empty cells in a table.</p></li><li><p>Regardless of w<!-- -->[1]<!-- -->&#x27;s existence, we clear the second row of &quot;tbl3&quot; or leave it empty. It&#x27;s like erasing or leaving empty cells in the second row of a table.</p></li><li><p>If <strong>both w<!-- -->[0]<!-- --> and w<!-- -->[1]<!-- --> exist,</strong> we perform calculations by <strong>adding the corresponding values</strong> from w<!-- -->[0]<!-- --> and w<!-- -->[1]<!-- --> and store them in w<!-- -->[2]<!-- -->. We also <strong>calculate the average by dividing the values</strong> in w<!-- -->[2]<!-- --> by 2 and store them in w<!-- -->[3]<!-- -->.</p></li><li><p>We update the third row of &quot;tbl3&quot; with the values from w<!-- -->[2]<!-- --> and the fourth row of &quot;tbl3&quot; with the values from w<!-- -->[3]<!-- -->. It&#x27;s like displaying calculated values in specific rows of a table.</p></li><li><p>If either w<!-- -->[0]<!-- --> or w<!-- -->[1]<!-- --> doesn&#x27;t exist, we clear the cells in the third and fourth rows of &quot;tbl3&quot; or leave them empty. It&#x27;s like erasing or leaving empty cells in specific rows of a table.</p></li></ol><br>_We have successfully understood the [**Table Transformatio**](table-transformation) function! Let&#x27;s move on and understand the [**Page Interaction**](page-interaction) function of the **[Fill My Cycle](https://fillmycycle.tcetmumbai.in/)**._</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/table-transformation.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/table-manager"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Table Manager</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/page-interaction"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page Interaction</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/fmc-website/mathematical-logic/table-updater/index.html b/docs/projects/fmc-website/mathematical-logic/table-updater/index.html index 4617ec2b..bc52c31a 100644 --- a/docs/projects/fmc-website/mathematical-logic/table-updater/index.html +++ b/docs/projects/fmc-website/mathematical-logic/table-updater/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/components/tech-stacks">Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/scripts">Mathematical Logic</a><button aria-label="Toggle the collapsible sidebar category &#x27;Mathematical Logic&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/calculation">Calculation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/checker">Checker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/average">Average</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/perform">Perform</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-updater">Table Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater">Table Row Updater</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/input-handler">Input Handler</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-calculator">Table Calculator</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-manager">Table Manager</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/table-transformation">Table Transformation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/fmc-website/mathematical-logic/page-interaction">Page Interaction</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/about-fmc-website"><span itemprop="name">Fill My Cycle Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/fmc-website/mathematical-logic/scripts"><span itemprop="name">Mathematical Logic</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Table Updater</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Table Updater</h1></header><p>Consider a scenario where you have a form with different fields and tables, and you want to perform certain actions when one of the fields changes. This function &quot;c11change()&quot; helps us with that. Let&#x27;s go through each step:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">script.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">c11change</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c10</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c10&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c11</span><span class="token operator" style="color:#393A34">=</span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl01</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl02</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> tbl3</span><span class="token operator" style="color:#393A34">=</span><span class="token dom variable" style="color:#36acaa">document</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">getElementById</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;tbl3&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11 </span><span class="token operator" style="color:#393A34">||</span><span class="token plain"> c11</span><span class="token operator" style="color:#393A34">==</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&lt;=</span><span class="token plain">c10</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> c11</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c10</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c11&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ct </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> tbl01</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> pc20 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c20&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> pc21 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">parseInt</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c21&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">val</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">==</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> pc21</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">pc20</span><span class="token operator" style="color:#393A34">+</span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">children</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token operator" style="color:#393A34">-</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c20 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> c11</span><span class="token operator" style="color:#393A34">+</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#c20&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">text</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c20</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">ct</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">ct</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">c11</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl02 tr:first&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">before</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl01</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">lastElementChild</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token plain">ct</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">if</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">&gt;=</span><span class="token plain">pc21</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> t</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">pc21</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">ct</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">t</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">append</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl02&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">append</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;&lt;tr&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&#x27;</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">c20</span><span class="token operator" style="color:#393A34">+</span><span class="token string" style="color:#e3116c">&#x27;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&lt;input class=&quot;form-control input-sm exp&quot; type=&quot;number&quot; min=&quot;0&quot; max=&quot;100&quot; step=&quot;1&quot;/&gt;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;/tr&gt;&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">pc21</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> c</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">pc21</span><span class="token operator" style="color:#393A34">+</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">append</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&#x27;&lt;tr&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&#x27;</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">c</span><span class="token operator" style="color:#393A34">+</span><span class="token string" style="color:#e3116c">&#x27;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;td&gt;&lt;input class=&quot;form-control input-sm exp&quot; type=&quot;number&quot; min=&quot;0&quot; max=&quot;100&quot; step=&quot;1&quot;/&gt;&lt;/td&gt;\</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token string" style="color:#e3116c"> &lt;/tr&gt;&#x27;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> c</span><span class="token operator" style="color:#393A34">++</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">else</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> diff</span><span class="token operator" style="color:#393A34">=</span><span class="token plain">c11</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">ct</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">while</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">diff</span><span class="token operator" style="color:#393A34">--</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;#tbl01&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">append</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">firstElementChild</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;keyup&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> expkeyup</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">$</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;input.exp&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">on</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;change&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> perform</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">perform</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ct1 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> tbl01</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">var</span><span class="token plain"> ct2 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> tbl02</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;1 to &quot;</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">ct1</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> tbl3</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">children</span><span class="token punctuation" style="color:#393A34">[</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">innerText</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ct1</span><span class="token operator" style="color:#393A34">+</span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">+</span><span class="token string" style="color:#e3116c">&quot; to &quot;</span><span class="token operator" style="color:#393A34">+</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ct1</span><span class="token operator" style="color:#393A34">+</span><span class="token plain">ct2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We start by getting the value from a special field called <strong>&quot;c10&quot;</strong> and <em>converting it to a number.</em> It&#x27;s like looking at a specific spot and reading a number written there.</p></li><li><p>Next, we get the value from another field called <strong>&quot;c11&quot;</strong> and <em>convert it to a number as well.</em> </p></li><li><p>Then, we find three special tables called <code>tbl01</code>, <code>tbl02</code>, and <code>tbl3</code>. These tables have rows and columns, and we use a special code called <code>document.getElementById()</code> to find them.</p></li><li><p>Now, we check if the <em>value of &quot;c11&quot; exists or if it&#x27;s equal to zero.</em> If it does, we perform some actions inside this condition.</p></li><li><p>First, we check if the value of <strong>&quot;c11&quot; is less than or equal to the value of &quot;c10&quot;.</strong> If it is, we <strong>set</strong> the value of <strong>&quot;c11&quot; to be the same as &quot;c10&quot;</strong> and update the field with this new value.</p></li><li><p>We calculate the number of rows in the <code>tbl01</code> table and store it in a variable called &quot;ct&quot;. It&#x27;s like counting how many rows are there in the table.</p></li><li><p>We also <em>get the value from a field called <code>c20</code> and convert it to a number.</em> This field is located somewhere else, and we read the number written there.</p></li><li><p>We check if the value of another field called <code>c21</code> is empty. If it is, we calculate its value by adding the value of <code>pc20</code> (which is another number we obtained from a different spot) with the number of rows in the &quot;tbl02&quot; table minus 1.</p></li><li><p>We <strong>set the value of &quot;c20&quot; to be one more than the value of &quot;c11&quot;.</strong> It&#x27;s like incrementing the number by one and updating the field with this new value.</p></li><li><p>We check if <code>c11</code> is less than the number of rows in <code>tbl01</code>. If it is, we perform a series of actions inside this condition.</p></li><li><p>We calculate the <strong>difference between the number of rows</strong> in <code>tbl01</code> and <code>c11</code>. It&#x27;s like finding out how many rows we need to add or remove.</p></li><li><p>We move rows from the top of the <code>tbl02</code> table to the bottom of the <code>tbl01</code> table based on the calculated difference. It&#x27;s like moving objects from one place to another.</p></li><li><p>If <code>c11</code> is not less than the number of rows in <code>tbl01</code>, we perform a different set of actions inside this condition.</p></li><li><p>We check if <code>c11</code> is greater than or equal to a number called <code>pc21</code>. If it is, we perform a series of actions inside this condition.</p></li><li><p>We calculate the <strong>difference between <code>c11</code> and the number of rows in <code>tbl01</code>.</strong> It&#x27;s like finding out how many rows we need to add.</p></li><li><p>We <strong>add rows to the <code>tbl01</code> table based on the calculated difference.</strong> The number in the first column of each new row starts from <code>c20</code> and increments by one for each row added.</p></li><li><p>We also <em>add a new row</em> to the <code>tbl02</code> table. It contains two columns: one with the value of <code>c20</code> and another with an input field. It&#x27;s like adding a new row to the table and filling it with values</p></li></ol><br><p> <em>We have successfully understood the <a href="/docs/projects/fmc-website/mathematical-logic/table-updater"><strong>Table Updater</strong></a> function! Let&#x27;s move on and understand the <a href="/docs/projects/fmc-website/mathematical-logic/table-row-updater"><strong>Table Row Updater</strong></a> function of the <strong><a href="https://fillmycycle.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Fill My Cycle</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/fmc-website/mathematical-logic/table-updater.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-22T14:19:50.000Z">Aug 22, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/perform"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Perform</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/mathematical-logic/table-row-updater"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table Row Updater</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/about-resume-screener-website/index.html b/docs/projects/resume-screener-website/about-resume-screener-website/index.html index 278df039..fa73a717 100644 --- a/docs/projects/resume-screener-website/about-resume-screener-website/index.html +++ b/docs/projects/resume-screener-website/about-resume-screener-website/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Resume Screener Website</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About Resume Screener Website</h1></header><blockquote><p><em>This is the official documentation of <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener Website</a></strong> of <strong><a href="https://tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Mumbai</a></strong>, maintained by the <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong> Documentation team.</em></p></blockquote><p align="center"><img loading="lazy" src="/assets/images/about-0580a051a3be2d55be3627c6bfd85df6.jpg" style="border:2px solid gray" class="img_ev3q"></p><a id="intro"></a><p>We created <strong>The Resume Screener Website</strong> as it serves a valuable purpose to the tnp department as well as students by <strong>streamlining</strong> and <strong>optimizing</strong> the initial screening of resumes for job openings and for other interview purposes. Here are some key needs that a resume screener website addresses:</p><p><b>1. Time Efficiency <br>2. Standardization <br>3. Filtering irrelevant resumes <br>4. Keyword matching <br>5. Improved candidate experience <br>6. Streamlined collaboration <br></b></p><p>Overall, a resume screener website addresses the <strong>need for a more efficient, standardized, and unbiased approach</strong> to screening resumes, ultimately helping employers identify the most qualified candidates for further consideration and <strong>aiding</strong> the students to design a well established and applicable resume.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="approach">Approach<a href="#approach" class="hash-link" aria-label="Direct link to Approach" title="Direct link to Approach">​</a></h2><p> <strong>Here is the set of approach we kept in mind while designing our website:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-header--navbar">1. Header &amp; Navbar<a href="#1-header--navbar" class="hash-link" aria-label="Direct link to 1. Header &amp; Navbar" title="Direct link to 1. Header &amp; Navbar">​</a></h3><ul><li>The ease of use and significance of the header and navbar cannot be overstated when it comes to enhancing the user experience (UX).</li><li>We designed the header and navbar with complete responsiveness to make it look tidy and extremely easy to use.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-hero">2. Hero<a href="#2-hero" class="hash-link" aria-label="Direct link to 2. Hero" title="Direct link to 2. Hero">​</a></h3><ul><li>This section is designed to capture attention, convey the website&#x27;s prime message, and create a notable first impression.</li><li>Here we have have presented a glimpse of the resume test result that you will be getting.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-about-us">3. About us<a href="#3-about-us" class="hash-link" aria-label="Direct link to 3. About us" title="Direct link to 3. About us">​</a></h3><ul><li>It is a short and accurate description of our TCET Resume screening.</li><li>With that, we have also made a provision where you can evaluate your resume with a test.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-guidelines-and-ats-resume-template">4. Guidelines and ATS resume template<a href="#4-guidelines-and-ats-resume-template" class="hash-link" aria-label="Direct link to 4. Guidelines and ATS resume template" title="Direct link to 4. Guidelines and ATS resume template">​</a></h3><ul><li>In this segment  students are familiarised with different guidelines regarding resume and ways to improve it.</li><li>Also we have added a downloadable resume template that can help students standardise their resume.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-ats-resume-scan-and-features">5. ATS Resume Scan and Features<a href="#5-ats-resume-scan-and-features" class="hash-link" aria-label="Direct link to 5. ATS Resume Scan and Features" title="Direct link to 5. ATS Resume Scan and Features">​</a></h3><ul><li>The need for a resume scan is to get an accurate report on the quality and quantity of the resumes.</li><li>We made a feature section in the website so that the user can get acquainted with all the tools and the ins and outs of how to use the resume creator in the most effective way possible.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-footer">6. Footer<a href="#6-footer" class="hash-link" aria-label="Direct link to 6. Footer" title="Direct link to 6. Footer">​</a></h3><ul><li>The most important component of a website after a header is the footer, as it is very useful in navigating the website and accessing other important links.</li><li>It is utilised for displaying certain legal information, like copyright details.</li><li>It is also used for listing contact information and linking to different social media handles.</li></ul><br><br><blockquote><p><em>If you&#x27;re ready to get started with contributing to <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong>, head over to our installation guide for step-by-step instructions on how to Get Started with the <strong><a href="https://rs.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong> website.</em></p></blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/about-resume-screener-website.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T06:49:32.000Z">Jun 29, 2023</time></b> by <b>isha kotecha</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/fmc-website/mathematical-logic/page-interaction"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Page Interaction</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#approach" class="table-of-contents__link toc-highlight">Approach</a><ul><li><a href="#1-header--navbar" class="table-of-contents__link toc-highlight">1. Header &amp; Navbar</a></li><li><a href="#2-hero" class="table-of-contents__link toc-highlight">2. Hero</a></li><li><a href="#3-about-us" class="table-of-contents__link toc-highlight">3. About us</a></li><li><a href="#4-guidelines-and-ats-resume-template" class="table-of-contents__link toc-highlight">4. Guidelines and ATS resume template</a></li><li><a href="#5-ats-resume-scan-and-features" class="table-of-contents__link toc-highlight">5. ATS Resume Scan and Features</a></li><li><a href="#6-footer" class="table-of-contents__link toc-highlight">6. Footer</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/about-us/index.html b/docs/projects/resume-screener-website/frontend-components/about-us/index.html index 744fdcc3..b7e558be 100644 --- a/docs/projects/resume-screener-website/frontend-components/about-us/index.html +++ b/docs/projects/resume-screener-website/frontend-components/about-us/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About Us</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About Us</h1></header><p>The <strong>About Us</strong> page of the website will help you discover our story, mission, and values as an organization. It can be accessed through the navigation bar of the <a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>Resume Screener Website</strong></a>.</p><p><strong>Here are the steps on how we integrated the Option to take the resume test in About Us Component</strong></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-about-us">Adding About Us<a href="#adding-about-us" class="hash-link" aria-label="Direct link to Adding About Us" title="Direct link to Adding About Us">​</a></h2><ol><li><p>Opening <strong>aboutUs.astro</strong> file in our projects root directory.</p></li><li><p>We then created a section element <code>section</code> that would represent the content section. Under this we assigned CSS classes to introduce the required details. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">aboutUs.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full bg-[#0C1030] box-border flex justify-between gap-6 lg:gap-12 flex-col lg:flex-row p-4 lg:p-16 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>We created a div element <code>div</code> to hold an image on the left side of the section. Inside the div, we added an image element <code>img</code> that displays the <code>aboutUsImg</code> image.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">aboutUs.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-full flex align-center lg:w-1/2 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;img src = </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">aboutUsImg</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> alt=&quot;about-us&quot; class=&quot;w-full&quot;/&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><strong>On implementation, the image section would look like this:</strong></p><center><img loading="lazy" src="/assets/images/aboutUsImg-0a1623610d7728571cc9bc4b3c2ceda2.png" style="border:2px solid gray;width:500px" class="img_ev3q"></center><br><ol start="4"><li><p>Then we created another div element <code>div</code> to hold text and a button on the right side of the section. Inside this div, we added a span element <code>span</code> to display the title <strong>&quot;About Us&quot;</strong>. Similarly we added another span element to display a <strong>paragraph</strong> describing the purpose of the resume scanner. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">aboutUs.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// About image section</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-full flex flex-col items-start gap-2 lg:gap-6 lg:w-1/2 xl:w-1/2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-4xl md:text-5xl font-semibold leading-14 text-[#FCFCFD] </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">About Us</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:text-lg font-normal leading-7 text-[#D0D5DD]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Our free resume scanner ensures that your resume is ATS compliant and will be read correctly by Applicant Tracking Systems (ATS) and resume screening software. It provides detailed feedback on key criteria important to recruiters and hiring managers. Maximize your chances of getting noticed by using our resume scanner today. Don&#x27;t let your resume be overlooked - get valuable insights and make a strong impression with our ATS compliance evaluation.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-resume-test-button">Adding Resume test button<a href="#adding-resume-test-button" class="hash-link" aria-label="Direct link to Adding Resume test button" title="Direct link to Adding Resume test button">​</a></h2><ol><li><p>We added a button element <code>button</code> to provide a call-to-action. </p></li><li><p>Inside the button, we added an image element <code>img</code> to display the arrow icon. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">aboutUs.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> flex flex-row align-start px-4 py-2.5 gap-1.5 bg-[#6938EF] hover:bg-[#3708b7] transition-colors text-[#FFFFFF] rounded</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Start Resume Test</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">arrow</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">img</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><strong>On executing the above steps, the buttom looks like this:</strong></p><img loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdUAAACnCAYAAABHJMaJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABZkSURBVHhe7d0HdFzVncfx/4y6LMmF3myqKQZsbGoopjp0CCUYDBuydDYkeyhZ2hIIJGf3BJxAOAngJISyHAhgTA8E4oDBtBCabUzHgMGAC9jqZbT3d2eeNDOSbVlzZyTZ388571geaWZem/u77b2JVQ0Z024AACBn8dS/AAAgR4QqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBxKqGjGlP/YwcjRo20UbU7GdDyza3eKw49SgAFF6ivdWWNH1o85ZOt9mL7049inwjVAOoLtnQ9t7oZ7ZW+cjUIwDQfyxqfNdmzL/KlrV8nnoE+UL3bwAEKoD+TOWTyinkH6GaI3X5EqgA+juVUyqvkF+Eao40hgoAAwHlVf4RqjnSpCQAGAgor/KPUM0Rs3wBDBSUV/lHqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAACBEKoAAARCqAIAEAihCgBAIIQqAORg8Npxu+DmKrvgpipbbzhF6pqOMwAAcrDrwSW2xY7FtsXoYjv/pmqCdQ0Xqxoypj31M3rhlG2mp34qjD2PKrWx+5VazVox//9Em9mn77bZy39ttnf/1eofW50cdHKZbbh5Uep/mdoTZh/PSW57Yz2ncT7sflipbT1u1b7Yun5puz0ztcm++sQdoDWAWqqX31ltgwYnP5PLlrTb5LOX2Zf9dPvvmLtf6ifkA6Gao0KF6sixxfb98ytsAxcwseRnN0NLc7sLlxa7//qGLgGz9c7FNmSduH3zdcLe+WfhgzeX9//Jb6v881ekobbdXni02e77TUPqEYRy8qWV9p0jSlP/6xkd59t+Xl+wc628Mmbb7lZsxSUx++y9NvviI1fTLDC1Ti+4udqqhiQ/nEsXt9u1Zy6zhfP7X7ASqvlVVFq+/pWpn9ELo9c+NfVT/my2fbGdekWlrTeiyFpb2u3tF1vt6bub7V9Pt9jXnyZcqzXuPsxx23hkkQ1dL25vPNOSembSyZdU2gEnltnQdeP20uPNqUcLJ5f33/3QUlt7w7gtmNdms19otfnvt3UszY3tVj4oZhVVMb/tpeWxPqk0rM4qa2LWWNeesd/VAlMlqaQsZh/NarV3X808Lp/ObbO57jjUfVuY+rq6XU+6uNJ2mVDqK1h90WOjbX1zRovtfFCpPw/LKmI27sBSe919FuuX9a92y5sLb0v9hHwgVHNUiFA95kflvuBQ4Tb1t412/w0N9okruFSAzX2l1V58pNk22rLI1ZZdqLrgUtAumNdZQ46CadHniT4J1VzeP3ru/PcTdvPFdb7CEC0zH262t55rtU23K7Zh68f98tHsNvvmqzWj27EQ1PJL3+da1L27w54lvkLz9kutdsc19Rm/n+MqfYUKVNH5MWZ8iQ+zD950Id9HwyADJVgJ1fxiRH0AUFiqy/djFxgzHmhKPdpJ3b0vPdbsP7hllclWW29tsFmRr/Hvdkip7bSfKzjd6/XEEBfmKkz0vBHb9v79V5W6+tT129TQbtVDY7blmO7fW9uh7dH6aT21vj2hrmc9R8vKuqFzlb6O27vQyqb9Gq1LT/dx+voX8rhkS1/3nu7H9HNqVY5ZX1Ir/rqzllntN8kQrRkWswtvqba1N6KoXVMwppqjQoyp/vdd1T7sVAu+6ad1qUdXbkXjkWrl3fnL+tT/zI+bTTil3NbZOJ4xZquxWrU+pt7YmNECPPyMcv/3td8k7EUX6HsfXdYxUSN67VV5/+WJXkPdutefV5t6NJN+/4MrKm3wWnF7dmqT3XNd59iqgmriTys6WjKR1haz919vtYdvafRdmNkmnFJm+59QZtXDOvdHu/ukLF2UsIdvbrSZj3S2uNP3RXdjidH6qYv+yTsa7ZEpjf7x9OdNv6fJd5GrK1/0Xkvc/n7opkb7+rOEHf+fFTZiu87xdE1QU4vs3l83dDuGqNc6aFLX9ddraR20/3sr2h51Aa/sOO56cKkd+u+Z55XWY9nihP3dbfOTd3StJGq444gzy10FSeOkqQcdHbO3X2qxW39W7yuS6euRTb+/59qGPumZkf48xsqYan5RfRoAVBCKavs77tO1BbM8ep66iKNas/6Nxr2WfNn54Vahd8IFFbbuJnFraWr3hbT+RgVAUXGyC+vEiypSf51JQTX+2DKrqI750NWMT7UapafvH4oK65a0MlSBeub/DPItb43/aQJNtF1xd+Zvs0uyUFbhnO7Is8vtsNPLfSCpS++DN1r9op4AzfT83nkVvuUUiibYHDip3EorYvb5h2321acJP7N52Hpxvx6TLqmw4e7Yq/s82p8xt/5a76PPLU+9SietvxYFtIYM9Jo6phqD1jE+zgX0wT/o+rzQ9v5eWZfzSuuicU/t28PPqLCJWeeVKo8n/VeFPzaisXR1MasFqGOmFvwPr6r0v9O2Lfg4YV+419Tra5997Y6t9pEeq1uaPO/6Ai3WNRdjqjkqxJhqqQuELXcqtuqhcV+oDN+m2Jpc4yAK2+V56/kWm/FAs223e4kfd/poVpv96oxa/9h7ryVbUxqLPersCl/ILfi4zbcCHnCtUv3N9L802WDXCthk6yL/3irUv/go+Z4jxyWvy9O4UZ0rOG67ut7u+t8G+8d9TX5MTXry/ivTk/HYnV3oj9qj2BLuJV+b3uIvs5Fjf1xhYw8o9WHy9F1N9rsL6zq2a6F7vc22L/LjsINqYvbPvyUndymIj/lRhQ9PTcC5NrW+L7iW6aznW21Lt81rbRB3lQ3reE60L/Q+atVrXdMtb8wvep7GJvWcP1xe71um/7g32XrbdFSRK4zj/vdP/V+T76XQumjROLJeV/t/3tw2W7wg+Z4K+0NPcwHt3mvOiy124/l1vjX47P3N9uazrbbRFkWu1egWV7hrP/Vm/DnaHq2XLudSD0o2tTaP+0nyvNL4/5+uqLcHf99oz05t9uuiIQ0FqNZlyZfJ4Jd9jy+z0fuU+oqZzsPb3XmlS6aecedVsavHbOpa66os6DkKW50TCjCdY6o4zZjaZH90+1EtaFVO+lJ/HWNlTDW/qDYNAOpq/MvkBlvsWnf6YGrc7dzrBtnkpwbbRVOqfFefwqA3VKv/9X/U+i7Jaa7Qy57k8fr0Zt9Vp/fd0BXI2dQ9/IwvsLsWrIWgbut9j3ct0dKYLfm63ea8nFyPdYfHbZtdS0x75ZUnmu2hm5NdrhEV1C893uK7UUe4gBq1R7IHQF2sanWrq1HdwumXJ6ml9cCNDTbl0rpV6oZfGe3DV55syeiGfuxPjbboi2QoLHAVGYVtROuk/d2i2c9VMR/ykR33LrZKt/46rgqX9NDU+j9xe5O/jlLjk6NXoddjVem19R7qkdC5m75tWv8Hb2rwlUKtq9Y5oq5cdfl+uyjhj1G6J9263/OrBpt8dq2r0OS/W1dj9Ppsqbegt8vOE0ozhgPUYr1oSrU/P7F64sgOECpgrjlpmT1+a6Pv2lJXl1oKahGoRXbNtBp/HWtvwlUFrwrx7oJR76Eu4OVRbfzjOZlBnA9q0U1+enDG8pvpg23SJZW+Vakuxb/f3XnDge1coA5dJ2a1bv1mzex+/dRqVIuhYpC5CkPyo6BxzKYGdckqoEr8/k03x7WO1BoOSbNpP5m7/H3YXaumoa7dElkPq6AesW2xPzdUkKdXCCKzX2ixhfPbfEt7/U3z9/HXhDG9h3onuhuz1nH6zLVyNc6qVmtE3aVt7s9VUTjkh5ld1NoeVTBVOSiE866v8p+tw1zLP5dl3IGZlReF9enXuJMOqyVCdQBRoaIW5dWTltmFE761u12tXZfU6HHV+McfV2Zn/HJQr1utaq1NvLDC38P0yntq7Lq/DbbTrh7UMdmiLynktF3pSzTx6NN31CpT12jnpJcqV3DFXWWgvNLs6HPK7bI7qrssely/j8WTXXOiwv411zpX61Etc+2Lq+6tsdNcIaix2XzQWHCis0HZa7qcqqTMbY/blNHjS7rdZi3rbpIMsWib80HXDsvmOxR1uw5a9DtRt25E3bkahlDPw4GTyuzaJwfbhbdU+YlL6i4uJHUn54tm6WP1RKgOUApSzXS94ce19vMTl/lxGhXOW4wusr2OXrXCXzM0r7qvxncp73NsmW8VqtWjQletJE0C6WtqVWpmbbQ8+sdG3zqVrz5L+BZkuqgbUQWj7kKlsePsRY/r92pRaewyoq7WR//Q6Gf6akKQZq6OOyA5QUaFfG97BPJN26yeBb/OG8W73WYtUSVJLaZ80ASqKFR1M5Lu1kGLficVbp0101fUCtXYvCqLarGqsrj5DsW+1XrZndV2yZ+rbbvdMnsP8uXPV9YlzwV3ruWyZHdVq0tclUCsnpiolKNCTFRaGc2C1ISR7b9T4sPh20Xt9kZaV+6KJvuoADzBhYS62/Q6s55r9RN5pv2u0Y+FfeJagZoEsrxJNsubnJMuxM0fdEML3fRCY4Va3nProZuYrzu8yHf/pk92EU1o2XRUsS1dnPBjxa8+lXkDg4zF7StdqvHtws7KwwdvttlTdzXZ7Jktvksy7hpJCiwV8sO3LbYa957RBJ1cJyot73maVR1NEMvebxtvVeSPt8yembyjkcbr9JhmE2tijyYFZWxn1vLW8629msyzsolKmri2mztug2riPlA0yaq794+Wt55rsQ/d/tY4tmg4Qtury4w0CanV7S61XLXvVXHYaqdiv73R/lre/s2Vzof332j151pvFwXoEWdVdPQK6NKayefUdkz46wtMVMovWqr93D7HlNnFt1b7CUkqOJZH3Za6haHoes2e0s3SNUNTLVJ1J0+5rM6em1a4catcaHKP1luzd/c8MrN1vtRVLBKt7b4lWrskWUivaJn3dvfbq8fVWrn2zFrf7a5Zy7q0Q/st+2YK6nbV77JFLch8W7Qg4QLa1ZTdaqkS0N12pi+zng87NhxRL4rGidViVph0997pi8ao9ZxsekzXQKtV97Pjl9pUV6lS74T254o+C/2FLp/RZTSq7Eh/vh8wwiFU+zndGGAtVxPXJRTbrqDbS4WMbi6gSSpffdp9QGi8LZu66VQI65o+3ZIumy7BUAshhO7ePxdqBambUN3em40qsv2+3/kGH81utWWuxVTptq+7uxOJ9tmpV1b6ikvUnatxO3Xvnv6LQV1maKoFpZaZZgyryzgKytolyQDXfXJ1uVM2Hbey1PhvPqlipcqQwkytue5mmGo7/+3yyryPUWqcW+fi8G2KulwHHNH1srqONb1yom9h0rXF+naibG+/3Oonnmn7uhvvVIUmGmfvawTqmqvrpw79iq751MQNFSS7fLfUjjyr60X7uqzkmPMq/BiZgiR7tqtmtIq6eKNLRyK6TEct3MG+6zCz8NONJjT5KdeCakXvn6vnpjXZtwsT/sYJGhuOwlEtzHdedYHrfh6zb0mX/aZA2X9imZ98dPCpZf5SGtlqbLHtcXipn/m715GZBbueoxaqWoENroU8L3U9rK4TVWGvLsrxx7rnpi5V0bro5gaFbFVpBrda7+u7ddVdmLJv7XfUOeU27qASF1pdZ6WGpDF+3WxDXfNHn1vRZRa1QnOPw0p9hUbnWGQ3dwy1v9Ttn/2cXb5b4lqpycud9NoRHQe1anVcNhlZ1Ofj3QTqmo0x1Rzle0xVBYi6Mke6lodaohqDO/DEMh8gKpA0XjPuAI1fxfyEIo2lPfdg5vibfhfdPGLs/qV24EnJsTpdPK/xwq3HlfhJI1vtVOILNbUWDphY7v5VoJp7XbXMej+muqL3X5mVjcfqcd2xZ/jWxTZoiPaB+bsfiW7eoHFVfbuPJsLs5bZLr6cbDGhmqWbBqkKhmynMfCj52l/OS/ixWk1OUqGuv1elRQX/AS6EdbMI7ecZ05p9y0nUgt0wNflGLX/dcEKhMcEteg3d/EAt23yPqYpa0mpB68YR629a5Ndd54rubqQ7GKnSEC+K+fE+3eIwGsdcFSsbUxWts46F9rtCZpcJJb5SqNtZHnJquY0eX+pvavL5B212//WNHXceKnYVE91gQ+fj2P1LOtb9oEnlvsehyK27nqNZ8NFN+7UNm7jjr/2vddPtJfWcxV9kfrFEIQyEQGVMNb9oqQ4AurZwymX1HTMiVZip1aQv71ZgqftTk3R0z1vdyzabru3TpA+1YDQj1n9VmiuURV2G+h5Sddep4FeXoQon/Vu/NGFP3NbUcdvB3lrR+4fw4mMt/o5Cainu6lozUbemWi+3XFxnrzzZ7INQY3HaNv1eAafZvRovzb6xwu3X1PugaG1u94WknqN9rf2usLj/hkZ/XW+6+1xAqTtaAaluSI0l6lKduS54NVFHx6hQom3S9mmdte7aBvVkaD9of2i/dDeOGZIucdI5qclQfha22+9aD7We1YWuSpXutJQ+fq/n6M5L2s/p667joOOh4/L7i+r8eZtO+1+TyvT50LHVPIFcvliiN2ihQrihfo4K9SXlEXVtaYxOrSx9eHWruVX5YmbV9vUamtWYfrcd0diWWk4KH12wr0IvdMG7ovfPp2i/RV3ZPfnC9OznqBt+eROaItFz1LIv9DZ2R+OZOp6iwM/HMe0JnVtqOYuCryf7Jv05PV13BbZauvq7fE3E6s5AClRuqJ9fhGqOCh2qAPoXjRtfenu17wkQ3QZy8tnL/OVA/RGhml90/wJADnY9uGTABCryj1AFgBy8/FfdOCThFwIVdP/miO5fAAMJ3b/5RUsVAIBACFUAAAIhVAEACIRQBQAgEEIVAIBACFUAAAIhVAEACIRQBQAgEEIVAIBACFUAAAIhVAEACIRQBQAgEEIVAIBACFUAAAIhVHOUaG9N/QQA/RvlVf4Rqjla0vRh6icA6N8or/KPUM3RvKV8STmAgYHyKv8I1RzNXny3LWp8N/U/AOifVE6pvEJ+EaoBzJh/FcEKoN9S+aRyCvkXqxoypj31M3I0athEG1Gznw0t29ziseLUowBQeJqUpDFUdfnSQi0cQhUAgEDo/gUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIBBCFQCAQAhVAAACIVQBAAiEUAUAIAiz/wenxrUoMFvfogAAAABJRU5ErkJggg==" style="border:2px solid gray" class="img_ev3q"><br><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>You can refer the <code>aboutUse.astro</code> file for Resume Screener here! <strong><a href="https://github.com/tcet-opensource/resume-screener-frontend/blob/main/src/components/AboutUs/aboutUs.astro" target="_blank" rel="noopener noreferrer">Click here to see the source code</a></strong></p></div></div><p><strong>Once we exceuted this steps, the about us section looked like this:</strong></p><img loading="lazy" src="/assets/images/aboutUs-ede92e94f128634e382f5299b4fb32b1.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><em>The <a href="/docs/projects/resume-screener-website/frontend-components/about-us"><strong>About Us Section</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/resume-screener-website/frontend-components/guideline"><strong>Guidelines Component</strong></a> of the <strong><a href="https://rs.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Resume Screener Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/about-us.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T13:25:53.000Z">Jul 2, 2023</time></b> by <b>Preyanksha Pranay Singh</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/hero"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Hero</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/guideline"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Guidelines</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-about-us" class="table-of-contents__link toc-highlight">Adding About Us</a></li><li><a href="#adding-resume-test-button" class="table-of-contents__link toc-highlight">Adding Resume test button</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/ats-resume-template/index.html b/docs/projects/resume-screener-website/frontend-components/ats-resume-template/index.html index 23c28d20..aefbf7b7 100644 --- a/docs/projects/resume-screener-website/frontend-components/ats-resume-template/index.html +++ b/docs/projects/resume-screener-website/frontend-components/ats-resume-template/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ATS Resume Template</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>ATS Resume Template</h1></header><p>The <strong><em>ATS Resume Template</em></strong> section is used as the main component in the <strong>Fourth section</strong> of the <a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Resume Screener website</strong></a>. The <code>Ats_Resume</code> component represents an <strong><em>ATS (Applicant Tracking System) Resume Template</em></strong> <strong>webpage Section</strong>. The Ats Resume Template component serves as the main entry point for the ATS Resume webpage. It defines <strong>the overall structure and layout of the resume</strong> including the <em>arrangement of various sections</em>, <em>text content</em>, <em>images</em>, and <em>interactive elements</em> in users resume. It giudes users <em>how to feed resume while checking</em> and <em>give tips</em> to users about resume template so <strong>accurate output of the test can be obtained</strong>. </p><p><strong>Here&#x27;s a breakdown of the code to understand it&#x27;s functionality:</strong></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="para-component">para Component<a href="#para-component" class="hash-link" aria-label="Direct link to para Component" title="Direct link to para Component">​</a></h2><p>In this section we have defined an <strong><em>array variable</em></strong> <code>para</code> that stores <strong>guidelines or tips</strong> for creating an <strong>ATS-friendly resume</strong>. <strong>Each guideline</strong> is a <code>string</code> element in the <em>array</em>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> para </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token template-string string" style="color:#e3116c">You want to make sure you stick to text and a standard font with minimal use of special characters. Notice the clean single-column design and how fancy formatting like tables, diagrams and graphs have been stripped out. ATS resume scanners either ignore these or read them incorrectly.</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Similarly multiple paragraphs can be created</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// HTML markup</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="html-markup">HTML Markup<a href="#html-markup" class="hash-link" aria-label="Direct link to HTML Markup" title="Direct link to HTML Markup">​</a></h2><p>This section represents the <strong>HTML-like structure</strong> of the <strong>ATS Resume component</strong>. It consists of the <code>&lt;section&gt;</code> element. A section container with various classes for styling. It contains two child <code>&lt;div&gt;</code> elements.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="first-div">First div<a href="#first-div" class="hash-link" aria-label="Direct link to First div" title="Direct link to First div">​</a></h3><p>First <code>&lt;div&gt;</code>: This <code>div</code> contains <strong>the main content of the resume template</strong>. </p><ol><li><p><code>&lt;h1&gt;</code>: The <em>title</em> of the resume template is displayed using the <code>h1</code> <em>HTML</em> tag. The title text is <strong><em>&quot;ATS Resume Template&quot;</em></strong>.</p></li><li><p><strong>Nested</strong><code>&lt;div&gt;</code>: This <code>div</code> is displayed on <strong>smaller screens (hidden on larger screens)</strong> and contains an <em>image of the resume template</em> and a <em>download button</em>. The image is specified using the <code>img</code> tag with the <code>src</code> attribute pointing to <strong>&quot;/Ats_resume/Frame.svg&quot;</strong>. The download button is represented by the <code>button</code> tag. The button text is <strong>&quot;Download the Template&quot;</strong>.</p></li><li><p><strong>Guidelines and SVG icons</strong>: The component <em>iterates</em> over the <code>para</code> array and displays each guideline as a <em>paragraph</em>. Each guideline is <strong>wrapped in a div. Additionally</strong>, there are <strong>SVG icons displayed alongside</strong>.</p></li><li><p><strong>&quot;Get an ATS Resume Test&quot;</strong> link: The component provides a <strong>link</strong> that redirects users to a page to test their resume against an <strong>ATS scanner</strong>. The link text is <strong>&quot;Get an ATS Resume Test&quot;</strong>.</p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="second-div">Second div<a href="#second-div" class="hash-link" aria-label="Direct link to Second div" title="Direct link to Second div">​</a></h3><p>Second <code>&lt;div&gt;</code>: This div is hidden on <strong>smaller screens (displayed on larger screens)</strong> and contains a <strong>duplicate image of the resume template and the download button</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// para Component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:flex mx-auto justify-between lg:gap-24 lg:mx-0 bg-[#0C1030] p-4 lg:p-16</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white flex flex-col lg:w-2/3 mt-0 lg:mt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-rubik text-5xl pb-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">ATS Resume Template</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:order-first lg:hidden lg:w-1/3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Ats_resume/Frame.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">410</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">546</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mx-auto w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-fit py-2 px-2 rounded bg-[#1D2939] hover:bg-[#1b222a] text-white mt-5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">btn</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Download the Template</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col mt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pb-8 text-sm sm:text-base md:text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Here are the guidelines we outlined above in practice.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">para</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">el</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-row mx-auto ml-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute mt-1 mx-auto -ml-7</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">18</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">15</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 18 15</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M12.25 0.5H7.75L12.75 7.5L7.75 14.5H12.25L17.25 7.5L12.25 0.5Z</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">#444CE7</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M5.25 0.5H0.75L5.75 7.5L0.75 14.5H5.25L10.25 7.5L5.25 0.5Z</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">#444CE7</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pb-8 mr-0 md:mr-10 text-sm md:text-base</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">el</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#6938EF] hover:bg-[#46327c] w-fit mt-5 rounded py-3 px-2 text-center text-white mb-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Get an ATS Resume Test</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-2 lg:order-first hidden lg:block lg:w-1/3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Ats_resume/Frame.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">410</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">546</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mx-auto w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-fit py-2 px-2 rounded bg-[#1D2939] hover:bg-[#1b222a] text-white mt-5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">btn</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Download the Template</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// function Component</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="function-component">Function Component<a href="#function-component" class="hash-link" aria-label="Direct link to Function Component" title="Direct link to Function Component">​</a></h2><p>This section includes a <strong>JavaScript code</strong> snippet that handles <em>the button click event.</em> It consists of the following:</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="handleclick1">handleClick1<a href="#handleclick1" class="hash-link" aria-label="Direct link to handleClick1" title="Direct link to handleClick1">​</a></h3><p><code>handleClick1()</code> function <strong><em>logs the message &quot;Downloaded&quot;</em></strong> to the <strong>console</strong>. It is <em>executed when the button with the id &quot;btn&quot; is clicked</em>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="domcontentloaded">DOMContentLoaded<a href="#domcontentloaded" class="hash-link" aria-label="Direct link to DOMContentLoaded" title="Direct link to DOMContentLoaded">​</a></h3><p><code>DOMContentLoaded</code> is a event listener. <em>The code waits for the <code>DOM</code> to be fully loaded before executing</em>. It gets the <em>button element</em> using <code>document.getElementById(&quot;btn&quot;)</code> and attaches a <strong>click event listener</strong> to it. When the button is clicked, <em>it calls the</em> <code>handleClick1()</code> <em>function</em>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// HTML markup</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">script</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Handle button click event</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> function handleClick1() {</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> console.log(&quot;Downloaded&quot;);</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> }</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Wait for the DOM to be loaded</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> document.addEventListener(&quot;DOMContentLoaded&quot;, function() {</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Get the button element</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> const button = document.getElementById(&quot;btn&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Attach a click event listener to the button</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> button &amp;&amp; button.addEventListener(&quot;click&quot;, handleClick1);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> });</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">script</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="output-image">Output Image<a href="#output-image" class="hash-link" aria-label="Direct link to Output Image" title="Direct link to Output Image">​</a></h2><img loading="lazy" src="/assets/images/atsResumeTemplate-259ff2d6efb5bbbd226ccff2d0481b1f.png" style="border:2px solid gray" class="img_ev3q"><br><center><b><figcaption>TCET Linux- ATS Resume Template</figcaption></b></center><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can visit</p><ol><li><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">ATS Resume Template Section of the TCET Resume Screener website</a></li><li><a href="https://github.com/tcet-opensource/resume-screener-frontend/blob/main/src/components/Ats_resume/index.astro" target="_blank" rel="noopener noreferrer">index.astro</a></li></ol></div></div><br><p><em>The <a href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template"><strong>ATS Resume Template Section of Home Page</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan"><strong>Resume Test Section</strong></a> component of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Resume Screener Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/ats-resume-template.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-30T14:40:43.000Z">Jun 30, 2023</time></b> by <b>Meet Jain</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/guideline"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Guidelines</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">ATS Resume Test/Scan</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#para-component" class="table-of-contents__link toc-highlight">para Component</a></li><li><a href="#html-markup" class="table-of-contents__link toc-highlight">HTML Markup</a><ul><li><a href="#first-div" class="table-of-contents__link toc-highlight">First div</a></li><li><a href="#second-div" class="table-of-contents__link toc-highlight">Second div</a></li></ul></li><li><a href="#function-component" class="table-of-contents__link toc-highlight">Function Component</a><ul><li><a href="#handleclick1" class="table-of-contents__link toc-highlight">handleClick1</a></li><li><a href="#domcontentloaded" class="table-of-contents__link toc-highlight">DOMContentLoaded</a></li></ul></li><li><a href="#output-image" class="table-of-contents__link toc-highlight">Output Image</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan/index.html b/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan/index.html index b08b71ce..fe71e3bf 100644 --- a/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan/index.html +++ b/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ATS Resume Test/Scan</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>ATS Resume Test/Scan</h1></header><p>The <strong>ATS Resume Test/Scan section</strong> provides a free ATS resume scan. It was built with all applicant tracking systems in mind and acts as a powerful ATS resume test.</p><p><strong>The section can be broken down into the following divisions:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header-and-tip">Header and Tip<a href="#header-and-tip" class="hash-link" aria-label="Direct link to Header and Tip" title="Direct link to Header and Tip">​</a></h3><p><strong>We followed these steps to make the same:</strong></p><ol><li><p>Creating a <code>&lt;div&gt;</code> element with two child <code>&lt;p&gt;</code> elements inside it. </p></li><li><p>The first <code>&lt;p&gt;</code> element displays the heading, and the second <code>&lt;p&gt;</code> element provides a tip. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-0 md:w-[50%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#FCFCFD] text-3xl font-rubik</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Find out if your resume passes ATS resume test</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#D0D5DD] py-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Tip: Score My Resume was bult with all applicant racking</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> systems in mind and acts as a powerful ATS resume test, ts</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> scanned correctly by our platform, you can be confident it</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> wil also be processed correctly by all ATS.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><strong>The header and tip look like this:</strong></p><p align="center"><img loading="lazy" src="/assets/images/header and title-f15acdc5590b8250e16c387d52f5e057.png" style="border:2px solid gray" class="img_ev3q"> </p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>We used CSS classes to style the elements, setting properties such as color, font size, padding, and font family.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="resume-scan-button-and-image">Resume scan button and image<a href="#resume-scan-button-and-image" class="hash-link" aria-label="Direct link to Resume scan button and image" title="Direct link to Resume scan button and image">​</a></h3><p><strong>We followed these steps:</strong></p><ol><li><p>We made a <code>&lt;button&gt;</code> element with a class assigned to it. The class contains multiple CSS properties for styling.</p></li><li><p>The content was added inside the <code>&lt;button&gt;</code> element: &quot;<strong>Get Your Free ATS Resume Scan</strong>&quot;. This is the text displayed within the button. </p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">```jsx title=&quot;index.astro&quot; {2,3} showLineNumbers</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &lt;button</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> class=&quot;bg-[#6938ef] hover:bg-[#6533ed] text-white py-2 px-5 md:py-3 md:px-8 rounded-lg mt-4&quot;&gt;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> Get Your Free ATS Resume Scan</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &lt;/button&gt;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">```</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>The resume scan button looks like this:</strong></p></li></ol><p align="center"><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"> </p><ol start="3"><li><p>We imported a specific file named &quot;<strong>Group 1.svg</strong>&quot; and assigned it to a variable called <strong>Group1</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">Group1</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/ATSResumeTest/Group 1.svg&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The image is positioned absolutely and styled with CSS classes to set its width, maintain its aspect ratio, and position it relative to its parent container.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Group1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute w-[50%] h-auto right-[-6rem] bottom-[-12rem]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p>After combining all of the divisions, the <strong>Resume Test/Scan</strong> section can be seen like this:</p><p align="center"><img loading="lazy" src="/assets/images/resume test-scan section-3f43523a98e32481caa5099d99f03fa2.png" style="border:2px solid gray" class="img_ev3q"> </p><p><em>The <strong><a href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan section</a></strong> is succesfully executed! Let&#x27;s move on and see how we created the <strong><a href="/docs/projects/resume-screener-website/frontend-components/card">Features and Cards Section</a></strong> of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T13:48:08.000Z">Jul 2, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">ATS Resume Template</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/card"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Features &amp; Cards</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#header-and-tip" class="table-of-contents__link toc-highlight">Header and Tip</a></li><li><a href="#resume-scan-button-and-image" class="table-of-contents__link toc-highlight">Resume scan button and image</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/card/index.html b/docs/projects/resume-screener-website/frontend-components/card/index.html index 75271bf5..f9a9085b 100644 --- a/docs/projects/resume-screener-website/frontend-components/card/index.html +++ b/docs/projects/resume-screener-website/frontend-components/card/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Features &amp; Cards</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Features &amp; Cards</h1></header><p>The Features section on our website showcases a variety of features provided by <strong><a href="https://rs.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Resume Screener</a></strong>. It highligts the need for <strong>specific functionalities</strong> and to <strong>enhance the user experience</strong> of students as well as the recruiters by providing the user with key features of our website .</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="card-data">Card Data<a href="#card-data" class="hash-link" aria-label="Direct link to Card Data" title="Direct link to Card Data">​</a></h2><p><strong>Below are the steps for implementation:</strong></p><ol><li><p>Import <code>Group2 from &quot;/ATSResumeTest/Group 2.svg&quot;</code> &amp; <code>import Group3 from &quot;/ATSResumeTest/Group 3.svg&quot;</code></p></li><li><p>We declared a contant variable called <code>card</code> and assign it a value in the form of <strong>array</strong>. </p></li><li><p>Then we define a key value pair inside the object where the key is <code>cardImg</code> , and the the value, i.e.,the image file associated with the card is named <code>Cloud.svg</code> .</p></li><li><p>Now we have defined another key-value pair for the card&#x27;s title . Here, the key is <code>cardTitle</code>, and the value is the title itself. Then we have added a short description using another key-value pair.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:#393A34">--</span><span class="token operator" style="color:#393A34">-</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">Group2</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/ATSResumeTest/Group 2.svg&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">Group3</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/ATSResumeTest/Group 3.svg&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> card </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;cardImg&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Cloud.svg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;cardAlt&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Cloud Icon - Representing Unlimited ATS Resume Scans&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;cardTitle&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Unlimited ATS resume scans&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;cardText&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;You get several free uploads to our resume scanner. If you have different versions of your resumes (and you should, especially if you are applying to different industries!), you can test&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">!</span><span class="token operator" style="color:#393A34">--</span><span class="token operator" style="color:#393A34">-</span><span class="token plain"> </span><span class="token maybe-class-name">Other</span><span class="token plain"> card data added </span><span class="token operator" style="color:#393A34">--</span><span class="token operator" style="color:#393A34">-</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out to add multiple card data in key-value format . </p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cards-construction">Cards Construction<a href="#cards-construction" class="hash-link" aria-label="Direct link to Cards Construction" title="Direct link to Cards Construction">​</a></h2><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">py-14 flex flex-col sm:flex-row flex-wrap items-stretch gap-8 sm:gap-10 md:gap-14 lg:gap-16</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> card</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">item</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">realtive z-10 px-5 pt-7 pb-4 bg-[#24294D] flex-1 sm:basis-1/3 lg:basis-1/4 flex flex-col rounded-2xl gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">/CardSection/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">item</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript template-string interpolation property-access" style="color:#00009f">cardImg</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">item</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">cardAlt</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">px-2 pb-3 w-max h-16 sm:h-20 md:h-24 object-cover object-center select-none </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-rubik text-white font-bold text-2xl sm:text-3xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">item</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">cardTitle</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">block font-sans font-normal mt-auto text-gray-300 text-sm sm:text-base</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">item</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">cardText</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Below are the steps for implementation:</strong></p><ol><li><p>In the code, we firstly opened a <code>&lt;div&gt;</code> element . Then on <strong>Line No. 2</strong> we used array <code>map()</code> method to iterate over the <code>card</code> array which passes each item from the array to the provided function as <code>item</code>.</p></li><li><p>Further moving on , you can change the image by changing the source of the image in <code>src</code> attribute in <code>&lt;img&gt;</code> tag. Here the <code>alt</code> attribute is set to the <code>cardAlt</code> value from the <code>item</code> object.</p></li><li><p>Then we had styled and named the card tiltle using <code>&lt;h1&gt;</code> tag and for the card description we used the <code>&lt;p&gt;</code> tag.</p></li></ol><p>After completing the above steps, we successfully incorporated the <strong>Cards</strong> section. <strong>You can see the snapshot below:</strong></p><p align="center"><img loading="lazy" src="/assets/images/cards-70cd8e6bc58cad520ac7c24c15d9557f.jpg" style="border:2px solid gray" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="section-description-and-button-component-">Section description and button component :<a href="#section-description-and-button-component-" class="hash-link" aria-label="Direct link to Section description and button component :" title="Direct link to Section description and button component :">​</a></h2><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative z-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-0 md:w-[60%] text-[#FCFCFD]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-3xl font-rubik</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Features of Resume Screener</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-justify py-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> We created </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">The Resume Screener Website</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> as it serves a valuable purpose to the tnp department as well as students by </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">streamlining</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> and </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">optimizing</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> the initial screening of resumes for job openings and for other interview purposes. Here are some key features of resume screener:</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> 1. Unlimited ATS resume scans</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> 2. Effective Resume Scanner </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> 3. Free Resume Scanner </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> 4. Keyword matching </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> 5. Improved user experience </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#6938ef] hover:bg-[#6533ed] text-white py-2 px-5 md:py-3 md:px-8 rounded-lg mt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Resume Screener Tool</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>At first, we can change the section description by changing the information in <code>&lt;p&gt;</code> tag.</p></li><li><p>Further, we have used a <code>&lt;button&gt;</code>tag to add a button which links to the Resume Screener Tool.</p></li></ol><p align="center"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray" class="img_ev3q"></p><br><p><em>After successfully implementing the <strong><a href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></strong> component of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong> website, we were ready with our features component of the website. Next, we will be seeing the <strong><a href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></strong> component of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong> website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/card.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-30T09:29:29.000Z">Jun 30, 2023</time></b> by <b>isha kotecha</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">ATS Resume Test/Scan</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/footer"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Footer</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#card-data" class="table-of-contents__link toc-highlight">Card Data</a></li><li><a href="#cards-construction" class="table-of-contents__link toc-highlight">Cards Construction</a></li><li><a href="#section-description-and-button-component-" class="table-of-contents__link toc-highlight">Section description and button component :</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/footer/index.html b/docs/projects/resume-screener-website/frontend-components/footer/index.html index 7975041e..86ed3df0 100644 --- a/docs/projects/resume-screener-website/frontend-components/footer/index.html +++ b/docs/projects/resume-screener-website/frontend-components/footer/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Footer</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Footer</h1></header><p>The footer component is a section of a web page that is placed at the bottom and is separate from the main content area. It serves as a container for information that is relevant to the entire page. In the footer component of <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong>, we have included <strong>navigation links</strong>,<strong>team</strong>,<strong>contact</strong>, <strong>copyright</strong>, <strong>email</strong> and <strong>social media links</strong>.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="footer-navigation-component">Footer Navigation Component<a href="#footer-navigation-component" class="hash-link" aria-label="Direct link to Footer Navigation Component" title="Direct link to Footer Navigation Component">​</a></h2><p>The code for this section is represented by the HTML language which creates a navigation menu.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/*Nav as */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">div </span><span class="token keyword" style="color:#00009f">class</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;flex items-center gap-2 rounded-full border-2 border-white border-opacity-25&quot;</span><span class="token plain"> style</span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> &quot;background</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">image</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> linear</span><span class="token operator" style="color:#393A34">-</span><span class="token function" style="color:#d73a49">gradient</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">218</span><span class="token punctuation" style="color:#393A34">.</span><span class="token plain">92deg</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">rgba</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">0.25</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">30.2</span><span class="token operator" style="color:#393A34">%</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">rgba</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">255</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">105.59</span><span class="token operator" style="color:#393A34">%</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> backdrop</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">filter</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">blur</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">4px</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">&quot;</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/logo.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-[48px] p-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white font-{400} text-base pr-2.5 pl-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Resume screener</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s a breakdown explanation of the navigation component:</strong></p><ol><li><p>We used <code>div</code> element in the code for <strong>styling</strong> , <strong>layout</strong> &amp; <strong>alignment</strong> of the navigation links.</p></li><li><p>We can change the image of tcet logo and the text beside logo inn the button as shown in the image below.</p></li></ol><p align="center"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray" class="img_ev3q"></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/*Nav as */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col sm:flex-row h-full gap-3 text-[#D0D5DD] items-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://opensource.tcetmumbai.in/docs/category/projects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Docs</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://opensource.tcetmumbai.in/blog</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Blogs</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/LiveProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Live Projects</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/CookingProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Cooking Projects</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/CookingProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Team</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:opensource@tcetmumbai.in</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Contact</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="3"><li><p>In the incoming code , we used <code>&lt;a&gt;</code> anchor elements which represent the navigation links.You can observe that each link is wrapped inside an <code>&lt;a&gt;</code> element where a hover effect is applied to them.</p></li><li><p>Here, the <code>href</code> attribute specifies the <strong>destination URL</strong> for each link.</p></li><li><p>The overall section of the code generates a navigation menu with several links which is used to navigate different pages of the website. </p></li></ol><p align="center"><img loading="lazy" src="data:image/jpeg;base64,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FFfYBc3YkDQM5wA/lPCvmweZNHmTyU8O/FO10nUPCb32iS3tjovh3U/Dk8FtfCCW6jvTqO+VZGicRMg1EgApICYs/wAZA6jwX+0NZ+F9H+G9rfeH9Y1x/BF0t7a2EniRodIuJlvp7oTvZrASLgC4ZFkE2PkQsrpuid6hocf4X+G9jq1loJ1jxVZeFb3xF+80VtRib7E0KzvA095cKSbaMyxTRoQkpLROZRDHtlaDUvCug2fwb8NeJ7e/1N/EGo6xqFhdWElpGtpHFbw2sgKSCTeXxdR5yuDvYYXyg002n+NvD03hnQLDxB4ZvNavtAtXsbCS31cWlnLCbma6C3UAt2lk/e3M2TFPCTGVUbGUyNlXHiq1ufhppnhiTT5vt2n6xd6pFqK3Q8to7i3tYpImh8vO4G0jZZPMxhnBQ5DBq/URzhzkg9e/OaKKKokKKKKACiiigAooooAKKKKACiiigAooooAT8v8AP+e1B9h274paKACiiigAooooAKKKKACiiigA9u3ek9P8MUtFABRRRQAUUUUAFFFFABRRRQAUZOP8+3b/AD+nJRQAcgYBOBjAyf8AJ/8A1UfTp0FFFABSfXn/AD9f84paKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAoopKAFooooAKKKKAJaKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigApn/LQUUUAMX7opaKKACiiigD/9k=" style="border:2px solid gray" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="social-media--copyrights-component">Social media &amp; Copyrights Component<a href="#social-media--copyrights-component" class="hash-link" aria-label="Direct link to Social media &amp; Copyrights Component" title="Direct link to Social media &amp; Copyrights Component">​</a></h2><p>The code for this section is represented by the HTML language which displays copyright details and social media handles.</p><p><strong>Here&#x27;s the implemented code for copyright and email:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* CopyRight and Email */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-full flex flex-col-reverse sm:flex-row sm:justify-between items-center sm:gap-0 gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-xs text-[#D0D5DD] </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Copyright 2022-2023 @ TCET Opensource.</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-xs text-[#D0D5DD]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:linux@tcetmumbai.in</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">opensource@tcetmumbai.in</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>Here we mentioned the <code>div</code> elements with multiple CSS classes. Majorly for styling purposes and to set the font for the content inside it.</p></li><li><p>The below section of the code is to display the copyright content.</p></li></ol><p align="center"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray" class="img_ev3q"></p><ol start="3"><li>Next we added the clickable link to TCET email (<a href="mailto:tcet.tnp@thakureducation.org" target="_blank" rel="noopener noreferrer">tcet.tnp@thakureducation.org</a>).</li></ol><p align="center"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray" class="img_ev3q"></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Social Media */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex text-[#D0D5DD] gap-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.linkedin.com/company/tcet-opensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/linkdin.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.youtube.com/@TCETMumbaiOfficial</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Youtube.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://twitter.com/tcetopensource</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Twitter.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.instagram.com/tcetopensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Instagram.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://github.com/tcet-opensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Github.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="4"><li>The code in <code>&lt;a&gt;</code> elements which represents different social media links. Here we applied, <code>href</code> attribute is set to the respective <strong>social media links</strong>.</li></ol><p align="center"><img loading="lazy" src="/assets/images/fsocials-7346f7b23a54691c8dcc9ee080eda132.jpg" style="border:2px solid gray" class="img_ev3q"></p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for adding <strong><a href="mailto:tcet.tnp@thakureducation.org" target="_blank" rel="noopener noreferrer">TCET email</a></strong>, <strong><a href="https://linkedin.com/company/tcet-opensource" target="_blank" rel="noopener noreferrer">Linkedin</a></strong> ,<strong><a href="https://youtube.com/@TCETMumbaiOfficial" target="_blank" rel="noopener noreferrer">Youtube</a></strong> , <strong><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer">Twitter</a></strong>, <strong><a href="https://instagram.com/tcetopensource" target="_blank" rel="noopener noreferrer">Instagram</a></strong> &amp; <strong><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer">Github</a></strong> in this section.</p></div></div><p><strong>After we have followed all the steps, our Resume Screener website footer looks like this:</strong></p><p align="center"><img loading="lazy" src="/assets/images/fsocial-74c90c267d3dd8f750a82714522a3ba1.jpg" style="border:2px solid gray" class="img_ev3q"></p><p><em>After successfully implementing the <strong><a href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></strong> component of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong> website, we were ready with out frontend part of the website. Next, we will be seeing how we integrated the backend of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener</a></strong> website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/footer.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-30T09:29:29.000Z">Jun 30, 2023</time></b> by <b>isha kotecha</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/card"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Features &amp; Cards</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">TCET Linux Website</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#footer-navigation-component" class="table-of-contents__link toc-highlight">Footer Navigation Component</a></li><li><a href="#social-media--copyrights-component" class="table-of-contents__link toc-highlight">Social media &amp; Copyrights Component</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/guideline/index.html b/docs/projects/resume-screener-website/frontend-components/guideline/index.html index ec01ea3b..4d3bcdf9 100644 --- a/docs/projects/resume-screener-website/frontend-components/guideline/index.html +++ b/docs/projects/resume-screener-website/frontend-components/guideline/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Guidelines</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Guidelines</h1></header><p>The <strong>Guidelines</strong> section provides some guidelines that a user can follow to ensure that their resume gets correctly scanned by all applicant tracking systems.</p><p><strong>The section can be broken down into the following divisions:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="guidelines-accordion">Guidelines accordion<a href="#guidelines-accordion" class="hash-link" aria-label="Direct link to Guidelines accordion" title="Direct link to Guidelines accordion">​</a></h3><p><strong>We followed these steps to make the same:</strong></p><ol><li><p>We used <strong>TypeScript</strong> declaration to initialize a constant variable named <code>accordions</code> with a value of an <code>array</code> of objects. Each object in the <code>array</code> represents a guideline and has two properties: <code>title</code> and <code>data</code>. </p></li><li><p>The <code>Guidelines[]</code> type suggests that <code>accordions</code> is an <code>array</code> containing objects that adhere to the structure defined by the <strong>Guidelines</strong> type.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">guidelines.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">accordions</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">Guidelines</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token string" style="color:#e3116c">&quot;Avoid using tables&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Label your work experience and education sections with conventional section titles&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">!</span><span class="token operator" style="color:#393A34">--</span><span class="token maybe-class-name">Other</span><span class="token plain"> guidelines&#x27; title and data</span><span class="token operator" style="color:#393A34">--</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out to add <code>title</code> and <code>data</code> of other guidelines.</p></div></div><ol start="3"><li><p>We used a <strong>JavaScript</strong> expression to map over the <code>accordions array</code>. For each object in the <code>array</code>, it returned a <strong>JSX</strong> element representing an <code>accordion</code> item.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">accordion.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> accordions</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> title</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> data</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> open </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>open</code> attribute is set based on the <code>open</code> property of the current item in the <code>accordions array</code>. </p></li><li><p>The class attribute defines the <strong>CSS</strong> classes for styling the <code>accordion</code> item, and the style attribute sets inline styles for the background gradient.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">accordion.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">details</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">open</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">open</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">border-box rounded-md p-1 group border border-[#667085]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag special-attr attr-name" style="color:#00a4db">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:#36acaa">background</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">:</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css function" style="color:#d73a49">linear-gradient</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">116.05</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">deg</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color function" style="color:#d73a49">rgba</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">0.25</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">21.76</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">%</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color function" style="color:#d73a49">rgba</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">0.0875</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">119.92</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">%</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">;</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>We used a <strong>JSX</strong> element to represent the heading part of the <code>accordion</code> item and used the <code>&lt;summary&gt;</code> HTML tag to define the heading.</p></li><li><p><code>{title}</code> was used to insert the <code>title</code> property of the current accordion item within the heading and <code>{data}</code> was used to insert the <code>data</code> property. </p></li><li><p><strong>JavaScript</strong> expression was used to insert an <code>&lt;img&gt;</code> element within the heading for the <code>down arrow</code>.</p></li><li><p>The class attribute defines <strong>CSS</strong> classes for styling the image, including a <code>group-open:rotate-180</code> class that applies a rotation transform when the <code>accordion</code> item is open.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">accordion.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">summary</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center justify-between text-white p-3 px-6 text-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">../GuidelinesSection/Icon.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Down arrow</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-4 w-4 group-open:rotate-180 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">summary</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white box-content font-inter text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">details</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p><strong>Guidelines accordian:</strong></p><p align="center"><img loading="lazy" src="/assets/images/accordion1-19a7ff7ffedc228a6b1e604c44cc53dc.png" style="border:2px solid gray" class="img_ev3q"> </p><p align="center"><img loading="lazy" src="/assets/images/accordion2-af750df1adf367d4a462dddf3a7b6223.png" style="border:2px solid gray" class="img_ev3q"> </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="header-and-intro">Header and Intro<a href="#header-and-intro" class="hash-link" aria-label="Direct link to Header and Intro" title="Direct link to Header and Intro">​</a></h3><p><strong>We followed these steps to make the same:</strong></p><ol><li>We used a <code>div</code> element with class names which contains the content displayed within the section.</li><li><code>&lt;p&gt;</code> element was used to define text styling and display the <strong>header</strong> text &quot;<strong>How do I Make sure my resume is ATS-compliant?</strong>&quot;. </li><li>Another <code>&lt;p&gt;</code> element was used to display additional text providing the <strong>intro</strong>. </li></ol><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">header.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-2xl sm:text-4xl font-rubik tracking-tight font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">How do I Make sure my resume is </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">ATS-compliant?</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-md sm:text-lg font-light mt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Here are some guidelines you should follow to ensure your </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> resume gets correctly scanned by all applicant tracking</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> systems.</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Header and Intro:</strong></p><p align="center"><img loading="lazy" src="/assets/images/header and intro-595e2049bdeccb4b61ef4378cea38f5d.png" style="border:2px solid gray" class="img_ev3q"> </p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> We made use of a section element with multiple class names and a style attribute to set the padding, background image, and background color for the section.</p></div></div><p>After combining all of the divisions, the <strong>Guidelines</strong> section can be seen like this:</p><p><strong>Guidelines section:</strong></p><p align="center"><img loading="lazy" src="/assets/images/guidelines-6469ddba1ac273114be5a41d1d3cd035.png" style="border:2px solid gray" class="img_ev3q"> </p><p><em>The <strong><a href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines section</a></strong> has been executed successfully! Let&#x27;s see how we created the <strong><a href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume template section</a></strong> of the <strong><a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Resume Screener Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/guideline.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T13:48:08.000Z">Jul 2, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/about-us"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About Us</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">ATS Resume Template</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#guidelines-accordion" class="table-of-contents__link toc-highlight">Guidelines accordion</a></li><li><a href="#header-and-intro" class="table-of-contents__link toc-highlight">Header and Intro</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/header/index.html b/docs/projects/resume-screener-website/frontend-components/header/index.html index 3b7d80d1..7dd55242 100644 --- a/docs/projects/resume-screener-website/frontend-components/header/index.html +++ b/docs/projects/resume-screener-website/frontend-components/header/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Header</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Header</h1></header><p>The <strong>Header</strong> is a section at the top of a webpage that typically contains branding elements, navigation menus, and important information. It helps establish website identity, improves user experience, and ensures easy access to different sections of a website on various devices.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navigation-links-data">Navigation Links Data<a href="#navigation-links-data" class="hash-link" aria-label="Direct link to Navigation Links Data" title="Direct link to Navigation Links Data">​</a></h3><p>This block of code defines an array called <code>navlinks</code> which stores objects representing <strong>navigation links</strong>. Each object has a title (the text to display) and a link (the URL to navigate to). </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> navlinks </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Home&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/#Home&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;About Us&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;https://opensource.tcetmumbai.in/docs/about-tcetopensource&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">newtab</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li>The code defines an array called <code>navlinks</code> that contains objects representing the <strong>links</strong> in the navbar. Each object has a title and a link property.</li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> Some objects also have a newtab property set to <strong>true</strong>, indicating that the link should open in a new browser tab.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-logo-and-name">Adding Logo and Name<a href="#adding-logo-and-name" class="hash-link" aria-label="Direct link to Adding Logo and Name" title="Direct link to Adding Logo and Name">​</a></h3><p>This section represents the <strong>logo</strong> and website name <strong>Resume Screener</strong> on the navbar. It displays the logo image, the name &quot;<strong>Resume screener</strong>,&quot; and applies some styling including a border, gradient background, and a blur effect.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center gap-3 rounded-full border-2 border-white border-opacity-25</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">background</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;linear-gradient(218.92deg, rgba(255, 255, 255, 0.25) 30.2%, rgba(255, 255, 255, 0) 105.59%)&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">backdrop</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;blur(4px)&quot;</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/logo.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-[48px] p-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white font-{400} text-base pr-2.5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Resume screener</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li>The <code>div</code> represents the logo section of the navbar. It has CSS classes for styling and a style attribute that sets a background gradient and blur effect. Within this <code>div</code>, there is an img tag displaying the <strong>logo</strong> image and an a tag wrapping the heading text &quot;<em>Resume screener</em>&quot;.</li></ol><p><strong>On performing the above steps, the logo and name looked like this:</strong> </p><div style="display:flex;justify-content:center;align-items:center"><img loading="lazy" src="/assets/images/logo-name-0c582a858a750e58fa765cfbfcc03b5e.png" style="border:1px solid gray" class="img_ev3q"></div><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-get-started-button">Adding Get Started Button<a href="#adding-get-started-button" class="hash-link" aria-label="Direct link to Adding Get Started Button" title="Direct link to Adding Get Started Button">​</a></h3><p>This section represents the &quot;<strong>Get Started</strong>&quot; button on the desktop version of the navbar. It is styled with a border, text color, hover effects, and rounded corners. The button contains an <code>a</code> element that links to &quot;<em>/#installation</em>&quot;.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">!ml-8 border-2 border-[#475467] rounded-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline-flex items-center text-[#E0EAFF] border-1 border-white py-1 px-2 focus:outline-none rounded md:mt-0 hover:bg-[#475467] hover:text-[#E0EAFF] text-base 2xl:text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/#installation</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li>The outer <code>div</code> has a left margin, border, and rounded corners.</li><li>Inside the <code>div</code>, there&#x27;s a <code>button</code> element styled as an inline-flex container with centered items, specific text and border colors, padding, rounded corners, and hover effects.</li><li>Within the <code>button</code>, there&#x27;s an a element serving as a link with the text &quot;<strong>Get Started</strong>&quot; and a target URL of <em>/#installation</em>.</li><li>On performing the above steps, the <strong>Get Started</strong> Button looked like this: </li></ol><div style="display:flex;justify-content:center;align-items:center"><img loading="lazy" src="data:image/png;base64,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" style="border:1px solid gray" class="img_ev3q"></div><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> Similar steps are carried out to display <strong>Logo</strong> and <strong>Get Started</strong> Button on a smaller screen.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-three-line-menu-button-and-navigation-for-mobile-view">Adding three line menu button and Navigation for mobile view<a href="#adding-three-line-menu-button-and-navigation-for-mobile-view" class="hash-link" aria-label="Direct link to Adding three line menu button and Navigation for mobile view" title="Direct link to Adding three line menu button and Navigation for mobile view">​</a></h3><ol><li><p>When viewed on phone, the navigation options will be hidden under the three line <em>menu</em>. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//to keep the navigation options hidden</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">-mr-2 flex md:hidden</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* ... */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//three line menu button</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">button</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">handleMenu</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline-flex items-center justify-center p-2 rounded-lg text-white hover:ring-white focus:outline-none focus:ring-2 focus:rig-offset-2 focus:ring-offset-white focus:ring-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* ... */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The outer <code>div</code> has CSS classes to position it as a flex container with negative margin on the right side. It is hidden on medium-sized screens and larger.</p></li><li><p>The <code>button</code> is styled as an inline-flex container with centered items, padding, rounded corners, white text color, and various focus and hover effects.</p></li><li><p>The <code>onClick</code> event handler is assigned to the button to trigger the <code>handleMenu</code> function when clicked.</p></li><li><p>The <strong>navigation links</strong> on mobile view would be hidden under the three line menu. The code for mobile nav: </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">open </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col md:hidden</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">px-2 pt-1 pb-3 space-y-1 sm:px-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">navlinks</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">link</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">index</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-center cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">link</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Get Started</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-center cursor-pointer text-[#E0EAFF] hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Get Started</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token keyword null nil" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>There is a <code>div</code> element with CSS classes that make it a flex container with a column layout. It is hidden on medium-sized screens and smaller.</p></li><li><p>Inside this <code>div</code>, there is another <code>div</code> element with CSS classes for padding and spacing.</p></li><li><p>Within this inner <code>div</code>, there is a mapping over the <code>navlinks</code> array using the map function.</p></li><li><p>For each item in the <code>navlinks</code> array, an a element is rendered with CSS classes for styling, including text color, hover effects, padding, rounded corners, and font size. The href attribute is set to the link property of the current <code>navlinks</code> item, and the text content of the a element is set to the title property of the current <code>navlinks</code> item.</p></li><li><p>Lastly, there is an additional a element rendered at the end, separate from the <code>navlinks</code> array mapping. It has similar CSS classes but a different href attribute value.</p></li><li><p>On execution of the adove codes, the <strong>menu</strong> and <strong>navigation links</strong> on the mobile looks like this:</p></li></ol><div style="display:flex;justify-content:center;align-items:center"><img loading="lazy" src="data:image/png;base64,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" style="border:1px solid gray" class="img_ev3q"></div><div style="display:flex;justify-content:center;align-items:center"><img loading="lazy" src="/assets/images/Nav-107deda682bc1746a88440e94b9ea41a.png" style="border:1px solid gray" class="img_ev3q"></div><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>Basically, We have made use of a <strong>Hamburger Menu</strong> which on being clicked will display the <strong>Navigation links</strong>.</p></div></div><p> <strong>After adding <em>logo</em>, <em>navigation links</em> and <em>&#x27;Get Started&#x27; Button</em> The Header looked like this:</strong></p><div style="display:flex;justify-content:center;align-items:center"><img loading="lazy" src="/assets/images/desktop-view-cfdaf661e1660dda63d37514b563ce01.png" style="border:1px solid gray" class="img_ev3q"></div><br> <br><p><em> The <a href="/docs/projects/resume-screener-website/frontend-components/header"><strong>Header Section</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/resume-screener-website/frontend-components/hero"><strong>Hero Section</strong></a> of the <strong>Resume Screener Website</strong>. </em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/header.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T13:42:53.000Z">Jul 2, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tech Stacks</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/hero"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Hero</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#navigation-links-data" class="table-of-contents__link toc-highlight">Navigation Links Data</a></li><li><a href="#adding-logo-and-name" class="table-of-contents__link toc-highlight">Adding Logo and Name</a></li><li><a href="#adding-get-started-button" class="table-of-contents__link toc-highlight">Adding Get Started Button</a></li><li><a href="#adding-three-line-menu-button-and-navigation-for-mobile-view" class="table-of-contents__link toc-highlight">Adding three line menu button and Navigation for mobile view</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/hero/index.html b/docs/projects/resume-screener-website/frontend-components/hero/index.html index cd1ef5f5..04346901 100644 --- a/docs/projects/resume-screener-website/frontend-components/hero/index.html +++ b/docs/projects/resume-screener-website/frontend-components/hero/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Hero</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Hero Section</h1></header><p>The <strong><em>index.astro</em></strong> is used as the main component in the <strong>first section</strong> of the <a href="https://rs.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux website</strong></a>. This section of code is crucial because it combines content, interactivity, visual styling, and adaptability to create an engaging and visually appealing section on a web page. It contributes to a positive user experience and helps achieve the intended goals of the webpage or application.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="data-component">Data Component<a href="#data-component" class="hash-link" aria-label="Direct link to Data Component" title="Direct link to Data Component">​</a></h2><p>The <code>data</code> variable is an array that contains a single object. This object represents a piece of information about a resume screener. It has two properties: <code>heading</code> and <code>description</code>. The <code>heading</code> property stores the text &quot;The Best Resume Screener in the World&quot;, and the <code>description</code> property stores the text &quot;Maecenas vitae eleifend dui vitae vitae. Risus nam faucibus aliquet at iaculis tempor sed.&quot; This line exports the <code>data</code> variable as the default export of the module. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">data.js</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> data </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;heading&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;The Best Resume Screener in the World&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">&quot;description&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Maecenas vitae eleifend dui vitae vitae. Risus nam faucibus aliquet at iaculis tempor sed.&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Similarly more objects can be created</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> data</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="imports">Imports<a href="#imports" class="hash-link" aria-label="Direct link to Imports" title="Direct link to Imports">​</a></h2><p>This line of code is importing some data from a file called &quot;data&quot; located in the same directory as this code. The data will be used later in the code.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports">data</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./data&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// HTML Markup</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="html-markup">HTML Markup<a href="#html-markup" class="hash-link" aria-label="Direct link to HTML Markup" title="Direct link to HTML Markup">​</a></h2><p>In this section we have discribed about title, discription button and some image components.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="title-and-discription">Title and Discription<a href="#title-and-discription" class="hash-link" aria-label="Direct link to Title and Discription" title="Direct link to Title and Discription">​</a></h3><p>The first line of the html code represent a div tag. It creates a container with a dark background color. This block of code uses the imported <code>data</code> and maps over it. For each element in the <code>data</code> array, it creates a <code>&lt;div&gt;</code> element with some CSS classes. Inside this <code>&lt;div&gt;</code>, there are two more <code>&lt;div&gt;</code> elements. The first one contains a <code>&lt;p&gt;</code> element with a large font size and some text from the <code>ele.heading</code> property. The second <code>&lt;div&gt;</code> contains another <code>&lt;p&gt;</code> element with a smaller font size and some text from the <code>ele.description</code> property. This block of code will repeat for each element in the <code>data</code> array.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Imports</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#0C1030] w-full flex flex-col items-center relative </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> mt-10 z-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token plain"> </span><span class="token known-class-name class-name">Map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">ele</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> flex flex-col items-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-white </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> p-6 font-rubik font-normal text-4xl leading-14 text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">ele</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">heading</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-10/12 md:w-5/12 text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-[#D0D5DD] font-normal text-base leading-7 text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">ele</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Button Component</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="button-component">Button Component<a href="#button-component" class="hash-link" aria-label="Direct link to Button Component" title="Direct link to Button Component">​</a></h3><p>This code block represents another <code>&lt;div&gt;</code> element with CSS classes. Inside it, there are two more <code>&lt;div&gt;</code> elements. The first one creates a button with the text &quot;Resumer Screener tool&quot;. The second another button and the text &quot;Contribute&quot; with a purple background color and the transparent white background respectively This button is a hyperlink (<code>&lt;a&gt;</code>) that leads to a GitHub page when clicked.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Title and discription</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> flex flex-col sm:flex-row text-white items-center justify-center gap-6 mt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> bg-[#6938EF] inline-flex items-center justify-center w-auto rounded-md px-4 py-2 text-base leading-6 text-white border border-transparent md:w-auto hover:bg-[#6340c3]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Resumer Screener tool</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> bg-[#FFFFFF29] w-auto px-4 py-2 flex items-center justify-center rounded-md hover:bg-[#ffffff17] </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://github.com/tcet-opensource/resume-screener/issues</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Contribute</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Image Component</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="image-component">Image Component<a href="#image-component" class="hash-link" aria-label="Direct link to Image Component" title="Direct link to Image Component">​</a></h3><p>In this code block, there&#x27;s another <code>&lt;div&gt;</code> element with CSS classes. Inside it, there&#x27;s a nested <code>&lt;div&gt;</code> with an inline CSS style. Inside this nested <code>&lt;div&gt;</code>, there&#x27;s an <code>&lt;img&gt;</code> element that displays an image named &quot;image.png&quot; from a directory called &quot;Hero-section&quot;. The image has a border around it.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Button Component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-16 lg:w-full md:w-full px-4 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag special-attr attr-name" style="color:#00a4db">style</span><span class="token tag special-attr attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag special-attr attr-value value css language-css property" style="color:#36acaa">background</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">:</span><span class="token tag special-attr attr-value value css language-css function" style="color:#d73a49">linear-gradient</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">145.2</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">deg</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color function" style="color:#d73a49">rgba</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">0.065</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">13.28</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">%</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color function" style="color:#d73a49">rgba</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">(</span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">255</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">,</span><span class="token tag special-attr attr-value value css language-css color" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css color number" style="color:#36acaa">0.1</span><span class="token tag special-attr attr-value value css language-css color punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css" style="color:#e3116c"> </span><span class="token tag special-attr attr-value value css language-css number" style="color:#36acaa">87.52</span><span class="token tag special-attr attr-value value css language-css unit" style="color:#e3116c">%</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">)</span><span class="token tag special-attr attr-value value css language-css punctuation" style="color:#393A34">;</span><span class="token tag special-attr attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> p-3 rounded-lg border-b-0</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Hero-section/image.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">heroSection</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> border-8 border-[#FFFFFF] </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // svg Component</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="svg-component">svg Component<a href="#svg-component" class="hash-link" aria-label="Direct link to svg Component" title="Direct link to svg Component">​</a></h3><p>These last two lines of code create two more <code>&lt;img&gt;</code> elements that display two images named &quot;right.svg&quot; and &quot;left.svg&quot; from the &quot;Hero-section&quot; directory. They are positioned absolutely on the right and left sides of the container.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Image Component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Hero-section/right.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> absolute right-0 z-10 w-3/5 md:w-auto</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Hero-section/left.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute left-0 z-10 w-3/5 md:w-auto</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="output-image">Output Image<a href="#output-image" class="hash-link" aria-label="Direct link to Output Image" title="Direct link to Output Image">​</a></h2><img loading="lazy" src="/assets/images/hero-section-a5148ad019db754f1a8749d56799db41.png" style="border:2px solid gray" class="img_ev3q"><br><center><b><figcaption>Hero Section of Resume Screener</figcaption></b></center><br><p><em>With this we have completed the <strong><a href="/docs/projects/resume-screener-website/frontend-components/hero">Hero Section</a></strong> of our <strong><a href="https://rs.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Resume Screener Website</a></strong>, lets move on forward to see how we integrated the <strong><a href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></strong> section of the website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/hero.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-02T13:33:46.000Z">Jul 2, 2023</time></b> by <b>Oshi Jamindar</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/header"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Header</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/about-us"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About Us</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#data-component" class="table-of-contents__link toc-highlight">Data Component</a></li><li><a href="#imports" class="table-of-contents__link toc-highlight">Imports</a></li><li><a href="#html-markup" class="table-of-contents__link toc-highlight">HTML Markup</a><ul><li><a href="#title-and-discription" class="table-of-contents__link toc-highlight">Title and Discription</a></li><li><a href="#button-component" class="table-of-contents__link toc-highlight">Button Component</a></li><li><a href="#image-component" class="table-of-contents__link toc-highlight">Image Component</a></li><li><a href="#svg-component" class="table-of-contents__link toc-highlight">svg Component</a></li></ul></li><li><a href="#output-image" class="table-of-contents__link toc-highlight">Output Image</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/frontend-components/tech-stacks/index.html b/docs/projects/resume-screener-website/frontend-components/tech-stacks/index.html index 78e2a284..2b088133 100644 --- a/docs/projects/resume-screener-website/frontend-components/tech-stacks/index.html +++ b/docs/projects/resume-screener-website/frontend-components/tech-stacks/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/guideline">Guidelines</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-template">ATS Resume Template</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan">ATS Resume Test/Scan</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/card">Features &amp; Cards</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Frontend Components</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Tech Stacks</h1></header><div style="display:flex;flex-direction:Column;justify-content:space-around"><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Astro</b> is an open-source framework for generating web applications on top of popular UI frameworks like React, Preact, Vue, or Svelte. It offers a modern and flexible approach to web development, enabling developers to create fast, scalable, and engaging websites and applications.<a href="https://astro.build/" target="_blank" rel="noopener noreferrer"> <b>Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/png;base64,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w6sJFbGu1ctULf0uDRB5H7UiBBhHK63bQNHAt7HT6eSMxPJ0Jb3kUCudt/SWPS28OijJpuQyulBAYnxjSIEGEcr9yBmr8UAABAcCOYSPLnpS7QrK9Ihbm5DWijsMXV14JYBHgYnvWIXJiLsYjUR21o5C1c+DGQExGlFmmW+il3zinpT0I6CPtWhHZNJW7ix0qObm2eigAgIDhQEGbk12YwpfJ8t6AyfDeu6OVFxyw/yh/9oADAMBAAIAAwAAABDzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzLTzzzzzzzzzzzzzzzzzzzzlNOo2L3zzzzzzzzzzzzzzzzyjPijZI6/Tzzzznzzzzzzzzzzx35xrCwxQ/TXzlvzzzzzzzzzyn7zzw21KwjTZvD7zzzzzzzzzzzzzzzw+CbYwjP7zzzzzzzzzfXLb3Xzzz2/+y9/zzzzzzzzyY1Di7bLvzzzzzzzzzzzzzzzyi1OSxDCx/wB8886388888888887M8ttbqmWcQ28Z88888888888/8888Ozyqm2MNE88888888888888888NsxUPFV88888888888888888888Oe+88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888//EACkRAQABAgMGBwEBAAAAAAAAAAERACExQVEgYXGh0eEQMECRsfDxgXD/2gAIAQMBAT8Q/wAhwkOLX7hWEjwfSlQ30daYvA0Ld6WbvgMXKYtI0b1pLR09EMpiw6/ynSSu0KMlWKbjr3+dlGLzHbAtOUd6Bslv6UoRD2KNm5ypWUJsmg18nr1oRJPCWEVlRhm9158PLRQwtHhgNiANkwaQBCbNjUoCPidKQ5VKI8+Lx9Dn1ydKbtk1MNmAUtZgfHyoQAq1lfu+k5c3ak4nv+VarHf9ihEk2EEhpqbHd9ik4nt+UHPk71e2v3dUIAeVmB8amFLst3SaZVn1zNPQk+fA40FmKUFJznWrmpsgEhKmBZMT7lsPkgKQUQvl5UY7vdOXCoOR4IJDRolfM6dNkW0JRsXOVCEw9ygbpbutG2BeMo7+YGDZuw3jXv8ANIjDtGglaGFxY9P56LSWrrTF5GpekjwCbFMWgatu9FSX1dPS4SPEr8wrDQ/n+Rf/xAAlEQEBAAICAQQCAgMAAAAAAAABABExIUFhECAwQFFwcZGxwfD/2gAIAQIBAT8Q/UJqF5H9TuH1eX0fm6LL59GbpblNn0uLdG4AYJmfRm8A+iM7M/w4vKj8cyFzGZm7PUiwRYu342AWQbPY7k1EcxmZtoXjuBZmfosZLSTMzActpGviawMzd4L/AKxK6nV5/i17ewsuyfCU1Kd/EvQ/yjMDBMszD87mcP0VLp3LzOCTm8ZmZmE4ZHh9iLBPD8gA3l+mp/8AZZmZYhhgfleOXviBx/Iq79vidmZmZlxuzfpcJsu5syzdxL9WI03llO/1F//EACsQAQACAAUDAgYDAQEAAAAAAAEAESExQVFhgaGxcZEQMEBQwfAg0fGQ4f/aAAgBAQABPxD/AJQa2EsR3i6WzMBHQuZ43qPEO0D6LzCAWHIB96mtlLEdvtQwWtFAbswBZXUPn0GABpl5Va94iTW7b7whD4cuTa7RoV/0Vd0Xe8LrXuOpBKTaLE3E+zUMmWO2x+hLmyx6xu9XbiBAhAgQhAgQILXdty+hu5Je6nb+obOT7I8LlB5D9wMZbWwEcf8As1gQIQIECECBAhAlqKz0qKSdhWAmux3Pb7EMBlCgDVl+4ujTVm/hUCBAgQIECECBAhAgRd4iFKMkYElcfAJr+R8ouuDjR1dUPp3xKQxxD8sD3hAe4wsA3zPDmEXXRT8z3lWW72fMNbrRbw3GYZjir0GHuQcw2F8jknJ8AgQIQgQIEbu4hSJkjBLkp8P6eGunyLXAcFxe7scwssF9DEQNC2un098C1C1RCvVt6zCohGL8Hcem8MP4rU+JeC7rMYvWjV4vQdHnJgQIEIQIQhGBEGxGkYiMGCLT06+p1hoTsZHqfwUBVAMVdIu2Xo4vLr6HvKwZBdVaA2OJjw0C3zL739NXkUVp1HNwb3Vyu95dX5Dd5D2B0Ygw3HNb2NnpA+AQIEIQIECLUrme8DgwpyAn2wmXC8YPEKS01Zngg6nf55n1uETReuYJ/R3T6dsDiZoJfd+UgHA1gcxmBC85rexs+8CBAgfAgQIQgQIECYh7xMtZcErSUr1Wq8r9iS9YawOiTFocOPp/6EIEIQIEIQgQIEyuQhkG66HMwsCGrN2OD7K0WVDG5DNye0xvhiF+kMH4BAgQgQgQigr8ToThn4TIrtQ/Ltx9TZv87Ix4gejFkFjTxOJ0YkpPk9g/tFUrM0Q97Ew/1EPMW0M+kcpb9iiVdQdaPhFDVq38BLw8smB4yEAAAoMvpUIgAWrBPgBMI7OR73xFbP5g/B2lndNGT2DGLU38sy9td3VFrQ43hjI12Qp9rEdAHBxjrTxGFdhfwsTqdZkFJFOp86jb6nEJNzK8G3LhHcXYkCe8u3EDSECB8AgQIS6uOA365gxQdZYx+FzcPv8AZcCyJZm7A/8AIhm8VkGgGgbQgQIEIQIEIQIEws3Tj6/+hAvWWsDqP2LHYiNVoOVoloF6FwOR4P7YEIECBCBAgfAIEITGqaM1vY3PaCB4tYHU+UgTWEaOdd/p3t9cFwYy6MPVYQIev9hn0uGLJmkOuBBYtsaELNjhdwqAGq17EDB94EIEIQgQhCYhDBmt7G5Ar4XsG58hE27mv6Uay3IGLVWPV+mOcbd04DqpLKYFmVbR0McVyh8Zuq14Wbl9oAAAUAYH8BEXQCdGKAG1NoctfV02ikgGkSkdoQgQIEIECBCxWq7F9l4yYlE51gmwzH+WVKqcV5dXj3lq22+7xMfVo6/TsMdJkYYrQKr6QOQEXxGxsND8/IDo1hgH45a6xj4gKUZiQgQIQIECEIUB9lfCZJ6xCeYN4+qw9mGFpqJ+LlkG7WfEYGk2n5GHDzVoTlzfHECLW9aHMMvfP2+nZnVxQGxarvfB8oHS4eADR8HXJjnxAUozEgQIQIECEIECEIQInG80iaep8XCbAoAwD7EPWPLwE02Oz7yhG5aVCBCBD4BAgQhAls9Yv6hfuM1Iw+esvslFq9H6Ds4e0Ul80ZfU2eGBAgQhAgQhCNVs0L0GrtKcLN8U3X7MBYKBYmyRhpxqte46MbCj+6p7TndAXeBAgQIbaNEXaHEFzfwWxJAcaND5dYTMCgCgPtXCHj8owtxzRXaoxaPoHiMuX1bzCg3jJFe7KsnYjx/yh//Z" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Tailwind CSS</b> is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. It is a versatile CSS framework that offers a pragmatic and efficient approach to web development. <br> <a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/JavaScript-062825dbceed44567e91642a6c8fa809.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>JavaScript</b> is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else.<a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/frontend-components/tech-stacks.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T13:37:54.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/header"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Header</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/resume-screener-website/getting-started/index.html b/docs/projects/resume-screener-website/getting-started/index.html index 65762fdb..958fe80e 100644 --- a/docs/projects/resume-screener-website/getting-started/index.html +++ b/docs/projects/resume-screener-website/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/resume-screener-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/resume-screener-website/about-resume-screener-website"><span itemprop="name">Resume Screener Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The TCET Resume Screener page is built using AstroJS, an all-in-one web framework designed for speed.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-the-site-on-your-local-system">Steps to run the site on your local system:<a href="#steps-to-run-the-site-on-your-local-system" class="hash-link" aria-label="Direct link to Steps to run the site on your local system:" title="Direct link to Steps to run the site on your local system:">​</a></h3><p>These are the steps you need to follow to get this site on your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-git-in-your-computer">Install Git in your computer<a href="#install-git-in-your-computer" class="hash-link" aria-label="Direct link to Install Git in your computer" title="Direct link to Install Git in your computer">​</a></h3><p>Follow these steps to install git in your computer.</p><ol><li>Go to <a href="https://git-scm.com/downloads" target="_blank" rel="noopener noreferrer">https://git-scm.com/downloads</a>.</li><li>Click on Windows. Download should start.</li><li>Go to downloads and install the package.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-repo">Clone the repo<a href="#clone-the-repo" class="hash-link" aria-label="Direct link to Clone the repo" title="Direct link to Clone the repo">​</a></h3><p>Open Git Bash in any folder and paste the following command</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/resume-screener-frontend.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-nodejs">Install NodeJs<a href="#install-nodejs" class="hash-link" aria-label="Direct link to Install NodeJs" title="Direct link to Install NodeJs">​</a></h3><ol><li>Go to <a href="https://nodejs.org/en/download" target="_blank" rel="noopener noreferrer">https://nodejs.org/en/download</a></li><li>Select <b>Current</b>.</li><li>Download the 64-bit .msi version. Follow the steps and install NodeJS.</li></ol><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>It is important to have NodeJS in your system</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-the-folder-in-vs-code">Open the folder in VS Code<a href="#open-the-folder-in-vs-code" class="hash-link" aria-label="Direct link to Open the folder in VS Code" title="Direct link to Open the folder in VS Code">​</a></h3><ol><li>Install <a href="https://code.visualstudio.com/docs/?dv=win32user" target="_blank" rel="noopener noreferrer">VS Code</a> if not installed. </li><li>Open Windows Terminal in the folder you have cloned the repo, as done in <a href="#clone-the-repo">step 2</a>.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-important-packagesdependencies">Install Important Packages/Dependencies<a href="#install-important-packagesdependencies" class="hash-link" aria-label="Direct link to Install Important Packages/Dependencies" title="Direct link to Install Important Packages/Dependencies">​</a></h3><p>Install yarn globally </p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> -g </span><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can make changes to your respective files and changes will be shown once you have saved the file.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="commands-used-to-run-locally">Commands used to run locally<a href="#commands-used-to-run-locally" class="hash-link" aria-label="Direct link to Commands used to run locally" title="Direct link to Commands used to run locally">​</a></h3><ol><li>To run the commands, make sure that you have installed yarn globally first.</li><li>All commands are run from the root of the project, from a terminal</li></ol><p>Here are a set of commands used to run locally:</p><table><thead><tr><th><strong>Command</strong></th><th><strong>Action</strong></th></tr></thead><tbody><tr><td><code>yarn</code></td><td>Installs dependencies</td></tr><tr><td><code>yarn dev</code></td><td>Starts local dev server at <code>localhost:3000</code></td></tr><tr><td><code>yarn build</code></td><td>Build your production site to <code>./dist/</code></td></tr><tr><td><code>yarn preview</code></td><td>Preview your build locally, before deploying</td></tr><tr><td><code>yarn astro ...</code></td><td>Run CLI commands like <code>astro add</code>, <code>astro check</code></td></tr><tr><td><code>yarn astro --help</code></td><td>Get help using the Astro CLI</td></tr></tbody></table><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-after-a-pull--merge">Steps to run after a Pull / Merge:<a href="#steps-to-run-after-a-pull--merge" class="hash-link" aria-label="Direct link to Steps to run after a Pull / Merge:" title="Direct link to Steps to run after a Pull / Merge:">​</a></h3><ol><li>To install all dependencies</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>To run local dev environment</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><span class="token plain"> dev</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/resume-screener-website/getting-started.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-28T09:57:58.000Z">Jun 28, 2023</time></b> by <b>tanishakumar18</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/about-resume-screener-website"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About Resume Screener Website</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/resume-screener-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tech Stacks</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#steps-to-run-the-site-on-your-local-system" class="table-of-contents__link toc-highlight">Steps to run the site on your local system:</a></li><li><a href="#install-git-in-your-computer" class="table-of-contents__link toc-highlight">Install Git in your computer</a></li><li><a href="#clone-the-repo" class="table-of-contents__link toc-highlight">Clone the repo</a></li><li><a href="#install-nodejs" class="table-of-contents__link toc-highlight">Install NodeJs</a></li><li><a href="#open-the-folder-in-vs-code" class="table-of-contents__link toc-highlight">Open the folder in VS Code</a></li><li><a href="#install-important-packagesdependencies" class="table-of-contents__link toc-highlight">Install Important Packages/Dependencies</a></li><li><a href="#commands-used-to-run-locally" class="table-of-contents__link toc-highlight">Commands used to run locally</a></li><li><a href="#steps-to-run-after-a-pull--merge" class="table-of-contents__link toc-highlight">Steps to run after a Pull / Merge:</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/about-tcet-linux-website/index.html b/docs/projects/tcet-linux-website/about-tcet-linux-website/index.html index 7aaf37d7..61284b28 100644 --- a/docs/projects/tcet-linux-website/about-tcet-linux-website/index.html +++ b/docs/projects/tcet-linux-website/about-tcet-linux-website/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">TCET Linux Website</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>TCET Linux Website</h1></header><blockquote><p><em>This is the official documentation of the <strong><a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Linux website</a></strong> of <strong><a href="https://tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Mumbai</a></strong> built by <strong>UI/UX and Frontend Team</strong> to provide necessary information about <strong>TCET Linux</strong> that have been developed by <strong>DevOps Team</strong>, maintained by the <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong> <strong>Documentation team</strong>.</em></p></blockquote><br><img loading="lazy" src="/assets/images/tcet-linux-943926a530347df7936c3e3cb139a235.png" style="border:2px solid gray" class="img_ev3q"><br><br><p>The admirable collaboration of <strong>Arch Linux</strong> and <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source Community</a></strong> has given us an <strong>Operating System</strong> which is altered in a way that makes it a good partner for all the Engineering Students of <strong>Thakur College of Engineering and Technology</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-the-backbone-of-tcet-linux">1. The backbone of TCET linux<a href="#1-the-backbone-of-tcet-linux" class="hash-link" aria-label="Direct link to 1. The backbone of TCET linux" title="Direct link to 1. The backbone of TCET linux">​</a></h3><ul><li>Built upon the robust foundation of Arch Linux, <strong><a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Linux</a></strong> inherits its <strong>stability</strong>, <strong>flexibility</strong>, and <strong>extensive package availability</strong>, catering to the diverse needs of engineering students and faculty.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-what-does-it-offer">2. What does it Offer?<a href="#2-what-does-it-offer" class="hash-link" aria-label="Direct link to 2. What does it Offer?" title="Direct link to 2. What does it Offer?">​</a></h3><ul><li>TCET Linux offers <strong>optimized</strong> and <strong>streamlined</strong> environment. this provides the students to explore the various concepts of Engineering </li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-we-would-not-reel-in-the-real-world">3. We would not reel in the real world<a href="#3-we-would-not-reel-in-the-real-world" class="hash-link" aria-label="Direct link to 3. We would not reel in the real world" title="Direct link to 3. We would not reel in the real world">​</a></h3><ul><li><p>The inclusion of specialized engineering software tools, programming languages, and development environments enhances the learning experience that <em><strong>prepares students for real-world engineering challenges</strong></em></p></li><li><p>TCET Linux also promotes the culture of learning and sharing the knowledge with others, and also sharing ideas.</p></li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-open-source">4. Open Source<a href="#4-open-source" class="hash-link" aria-label="Direct link to 4. Open Source" title="Direct link to 4. Open Source">​</a></h3><ul><li>Open Source helps with maintaining the website as well as ensure that students and faculty have <strong>access to the latest software versions and security patches</strong>, keeping the system up-to-date and secure.</li></ul><br><blockquote><p><em>If you&#x27;re ready to get started with contributing to <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong>, head over to our installation guide for step-by-step instructions on how to Get Started with the <strong><a href="https://linux.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Linux Website</a></strong>.</em></p></blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/about-tcet-linux-website.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-09-02T07:17:30.000Z">Sep 2, 2023</time></b> by <b>Aadil Rayeen</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/resume-screener-website/frontend-components/footer"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Footer</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#1-the-backbone-of-tcet-linux" class="table-of-contents__link toc-highlight">1. The backbone of TCET linux</a></li><li><a href="#2-what-does-it-offer" class="table-of-contents__link toc-highlight">2. What does it Offer?</a></li><li><a href="#3-we-would-not-reel-in-the-real-world" class="table-of-contents__link toc-highlight">3. We would not reel in the real world</a></li><li><a href="#4-open-source" class="table-of-contents__link toc-highlight">4. Open Source</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard/index.html b/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard/index.html index 804fdb70..75407443 100644 --- a/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Copy To Clipboard</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Copy To Clipboard</h1></header><p>The <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/CopyToClipboard.tsx" target="_blank" rel="noopener noreferrer"><strong><em>Copy To Clipboard component</em></strong></a> is used in the <a href="https://linux.tcetmumbai.in/#verify" target="_blank" rel="noopener noreferrer"><strong>fourth section</strong></a> of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux website</strong></a>. The <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/CopyToClipboard.tsx#L4-L58" target="_blank" rel="noopener noreferrer"><strong><em>CopyToClipboard</em></strong></a> component provides a simple and convenient way to <strong>copy text to the clipboard</strong>. This is a <em>common requirement</em> in many applications, especially those that involve sharing or saving content. It provides visual feedback through the <strong>notification dialog</strong>, handles user interactions, and enhances the user experience by <strong>automatically hiding the dialog</strong> and closing it when clicked outside. By encapsulating the <strong><em>copy-to-clipboard functionality</em></strong> within a dedicated component, our codebase becomes more <em>organized</em> and <em>modular</em>. This improves code <em>maintainability</em>, <em>readability</em>, and <em>makes it easier for other developers to understand and modify</em> the code in the future. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="import">Import<a href="#import" class="hash-link" aria-label="Direct link to Import" title="Direct link to Import">​</a></h2><p><strong>Here&#x27;s a breakdown of the code to understand it&#x27;s functionality:</strong></p><ol><li>The code imports the necessary dependencies:</li></ol><ul><li><p><em>React</em>: The <strong>core library</strong> for building user interfaces in React.</p></li><li><p><code>useRef</code>: A <strong>hook</strong> that creates a mutable ref object to persist a value across component re-renders.</p></li><li><p><code>useEffect</code>: A <strong>hook</strong> that allows performing side effects in functional components.</p></li><li><p><code>useOnClickOutside</code>: A custom hook that handles clicks outside a specified element.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">React</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> useRef</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> useEffect </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports">useOnClickOutside</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;../hooks/useOnClickOutside&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// CopyToClipboard component </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="copytoclipboard">CopyToClipboard<a href="#copytoclipboard" class="hash-link" aria-label="Direct link to CopyToClipboard" title="Direct link to CopyToClipboard">​</a></h2><ol start="2"><li><p>The <strong>CopyToClipboard component</strong> is defined as a <code>function</code> component with a prop type of <code>{ text: string }</code>. It takes a single prop called text, which represents <em>the text to be copied to the clipboard</em>.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">//Import</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token maybe-class-name">CopyToClipboard</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> text</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token builtin">string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> text </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// copyToClipboard component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="copytoclipboard-1">copyToClipboard<a href="#copytoclipboard-1" class="hash-link" aria-label="Direct link to copyToClipboard" title="Direct link to copyToClipboard">​</a></h3><p><strong>Inside the CopyToClipboard component</strong>, there is a <strong>function copyToClipboard</strong> defined. This function is called when the <code>button</code> is clicked and is responsible for copying the text prop value to the clipboard.</p><p>Inside the copyToClipboard function:</p><ol><li><p><code>navigator.clipboard.writeText(text)</code> This line uses the navigator.clipboard API to write the text value to the clipboard.</p></li><li><p><code>dialog.current?.show()</code>: This line shows the dialog element if it exists (using optional chaining).</p></li><li><p><code>dialog.current.style.display = &quot;flex&quot;</code>: This line sets the CSS display property of the dialog element to &quot;flex&quot;.</p></li><li><p>A <code>setTimeout function</code> is used to hide the dialog element after 2000 milliseconds (2 seconds). It sets the display property to &quot;none&quot; and closes the dialog.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// CopyToClipboard Function</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">copyToClipboard</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token dom variable" style="color:#36acaa">navigator</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">clipboard</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">writeText</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">text</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token operator" style="color:#393A34">?.</span><span class="token method function property-access" style="color:#d73a49">show</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">style</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">display</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;flex&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> timer </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">setTimeout</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">style</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">display</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;none&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token operator" style="color:#393A34">?.</span><span class="token method function property-access" style="color:#d73a49">close</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">2000</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// dialog component </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="dialog">dialog<a href="#dialog" class="hash-link" aria-label="Direct link to dialog" title="Direct link to dialog">​</a></h3><p>The <code>dialog ref</code> is created using <code>useRef&lt;HTMLDialogElement&gt;(null)</code>. It is used to <strong><em>reference the dialog element in the DOM</em></strong>.</p><p>Inside the dialog component:</p><ul><li><p>The <code>useOnClickOutside</code> <strong>custom hook</strong> is called, passing the <strong>dialog ref and a callback function</strong>. This hook adds an <em>event listener</em> to detect <em>clicks outside the dialog element and calls the callback function</em> when such a click occurs.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// copyToClipboard component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> dialog </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token generic-function function" style="color:#d73a49">useRef</span><span class="token generic-function generic class-name operator" style="color:#393A34">&lt;</span><span class="token generic-function generic class-name">HTMLDialogElement</span><span class="token generic-function generic class-name operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">useOnClickOutside</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">dialog</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token console class-name">console</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">log</span><span class="token punctuation" style="color:#393A34">(</span><span class="token string" style="color:#e3116c">&quot;clickng outside&quot;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">style</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">display</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;none&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> dialog</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">current</span><span class="token operator" style="color:#393A34">?.</span><span class="token method function property-access" style="color:#d73a49">close</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// return component </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="return">return<a href="#return" class="hash-link" aria-label="Direct link to return" title="Direct link to return">​</a></h3><p>The major component <code>CopyToClipboard</code> returns <em>a button element</em> representing the <strong>copy-to-clipboard button</strong>.</p><ol><li>The button has a <code>className</code> prop that <em>applies CSS classes for styling</em> the button&#x27;s appearance.</li><li>The <code>onClick prop</code> is set to the <em>copyToClipboard</em> function, so it is <strong>triggered when the button is clicked</strong>.</li><li>Inside the button element, there is an <em>svg element representing an icon</em>. It uses the <em>SVG format</em> and has attributes for styling and defining the icon path.</li><li>Following the svg element, there is a <code>dialog element</code> representing the <strong>notification dialog</strong> that appears <em>when the text is copied</em>. It initially has a <em>className prop that applies CSS classes for positioning and styling</em> the dialog.</li></ol><ul><li><p>Inside the dialog element, there is a p element containing the text &quot;Copied to clipboard&quot;.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// dialog component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-1 border border-slate-400</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> cursor-pointer</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> hover:bg-slate-200 hover:bg-opacity-20</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> active:bg-opacity-40 rounded-lg text-slate-100</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> overflow-visible </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">copyToClipboard</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 24 24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeWidth</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1.5</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">currentColor</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-6 h-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinecap</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1. 03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084. 4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-. 75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646. 049 1.288.11 1.927.184 1.1.128 1.907 1.077 1. 907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2. 25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1. 907-2.185a48.208 48.208 0 011.927-.184</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">dialog</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">ref</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">dialog</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">top-3 sm:left-56 w-max items-center rounded-lg h-4 bg-white bg-opacity-60 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Copied to clipboard</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">dialog</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// export CopyToClipboard component </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="export">Export<a href="#export" class="hash-link" aria-label="Direct link to Export" title="Direct link to Export">​</a></h2><p>The CopyToClipboard component is exported as the <code>default export</code> component.</p><div class="language-tsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CopyToClipboard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-tsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// CopyToClipboard component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">default</span><span class="token plain"> </span><span class="token maybe-class-name">CopyToClipboard</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="application">Application<a href="#application" class="hash-link" aria-label="Direct link to Application" title="Direct link to Application">​</a></h2><p>This component can be used by providing <strong><em>the text prop with the desired text to be copied</em></strong>. When the button is clicked, the text will be <strong>copied</strong> to the clipboard, and a <strong>notification dialog</strong> will appear briefly to indicate the successful copy operation.</p><img loading="lazy" src="/assets/images/CopyToClipboard-acfb39aca0875a824ca5024c6f8741c7.png" style="border:2px solid gray" class="img_ev3q"><br><center><b><figcaption>TCET Linux- Copy To Clipboard</figcaption></b></center><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can visit</p><ol><li><strong><a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/CopyToClipboard.tsx" target="_blank" rel="noopener noreferrer">CopyToClipboard.tsx</a></strong> Source Code.</li><li><strong><a href="https://linux.tcetmumbai.in/#verify" target="_blank" rel="noopener noreferrer">Verify Downloads Section</a></strong> of the TCET Linux website to see the application of the component.</li></ol></div></div><br><p><em>The <a href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard"><strong>Copy To Clipboard component</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tcet-linux-website/frontend-components/download-section"><strong>Download Section</strong></a> component of the <strong><a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Linux Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/footer"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Footer</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/download-section"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Download Section</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#import" class="table-of-contents__link toc-highlight">Import</a></li><li><a href="#copytoclipboard" class="table-of-contents__link toc-highlight">CopyToClipboard</a><ul><li><a href="#copytoclipboard-1" class="table-of-contents__link toc-highlight">copyToClipboard</a></li><li><a href="#dialog" class="table-of-contents__link toc-highlight">dialog</a></li><li><a href="#return" class="table-of-contents__link toc-highlight">return</a></li></ul></li><li><a href="#export" class="table-of-contents__link toc-highlight">Export</a></li><li><a href="#application" class="table-of-contents__link toc-highlight">Application</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/download-section/index.html b/docs/projects/tcet-linux-website/frontend-components/download-section/index.html index d0ae9b2b..a2af1c47 100644 --- a/docs/projects/tcet-linux-website/frontend-components/download-section/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/download-section/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Download Section</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Download Section</h1></header><p>The Download component represents the Second section of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux website</strong></a>. It is one of the most crucial component as it provides important information and actions related to downloading and verifying the TCET Linux software. This section serves as a gateway for users to access the software and its associated resources. The page likely presents data on the <strong>Download Availability</strong>, the <strong>Verification</strong> and <strong>Additional Resources</strong>. The section informs users that the TCET Linux source code and installers are available for download. It provides direct download links to the software, allowing users to easily obtain the necessary files.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="download-section--gradient">Download Section &amp; Gradient<a href="#download-section--gradient" class="hash-link" aria-label="Direct link to Download Section &amp; Gradient" title="Direct link to Download Section &amp; Gradient">​</a></h2><p><strong>Here&#x27;s a breakdown of the code to understand it&#x27;s functionality:</strong></p><ol><li><p>This code represents the start of the DownloadSection component. The <code>div</code> element with the <code>id attribute download</code> serves as a container for the entire section. It has classes for styling, such as a full width, background color, relative positioning, and hidden horizontal overflow.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">download</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full bg-slate-800 relative overflow-x-hidden px-10 lg:px-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Gradient Background </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This <code>div</code> element adds a <strong><em>gradient background</em></strong> to the section. It has the <code>class downloadSectionGradient</code> and the style <code>pointer-events-none</code> to prevent any interaction with the element.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Download Section Component </span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">downloadSectionGradient pointer-events-none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Columns</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="left-column">Left Column<a href="#left-column" class="hash-link" aria-label="Direct link to Left Column" title="Direct link to Left Column">​</a></h2><ol><li><p>This <code>div</code> element displays the heading <strong><em>Downloads</em></strong> in white text with a <strong>bold font</strong>. The font size varies for different screen sizes.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Gradient Background</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white font-semibold text-4xl lg:text-6xl mb-4 lg:mb-9</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Downloads</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Discription</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This <code>&lt;p&gt;</code> element contains a paragraph of text in <strong>white color</strong>. It provides information about the <strong>availability of TCET Linux source code and installers for download</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Heading</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white flex flex-wrap font-normal text-sm md:text-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> TCET Linux source code and installers are available for download </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">br</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"> for all versions!!</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Download Button</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This <code>&lt;a&gt; tag</code> <em>link element</em> represents the <strong><em>download button</em></strong>. It has classes for styling, including a blue background color, padding, cursor style, rounded corners, and a border. The button contains the text <strong><em>Download</em></strong> and an image of a <strong><em>download icon</em></strong>. The href attribute specifies the Github URL to downloadable <strong><em>iso image file</em></strong> which is linked to the <a href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/tcetlinux-2023.05.05-x86_64.iso" target="_blank" rel="noopener noreferrer"><strong><em>Download</em></strong></a>. It is represented by line <strong>1-4</strong>. The <code>button</code> element in this section represents a <strong>clickable</strong> button. It has styles applied as per our requirements.</p></li></ol><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Discription</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-row bg-blue-900 w-fit py-3 px-5 cursor-pointer gap-5 items-center justify-center rounded-full border-custom-w border-custom-border-color hover:bg-blue-500 font-semibold text-base</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/tcetlinux-2023.05.05-x86_64.iso</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Download</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full h-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">images/download-icon.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Checksum Button</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="4"><li><p>This <code>&lt;a&gt; tag</code> <em>link element</em> represents the <strong><em>checksum button</em></strong>. It has classes for styling, including border, padding, cursor style, and rounded corners. The button contains the text <strong>Checksum</strong> and an image of a <strong>download icon</strong>. The href attribute specifies the URL for the checksum section in the website. It has the text and downward arrow displaying <strong>&quot;Checksum&quot;</strong> which is linked to the <a href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum" target="_blank" rel="noopener noreferrer"><em>Checksum File</em></a>. It is represented by line <strong>2</strong>. The <code>button</code> element in this section represents a <strong>clickable</strong> button.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Download Button</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-row w-max h-fit p-2 px-4 cursor-pointer gap-2 items-center justify-center border rounded-full border-white hover:bg-blue-50 hover:bg-opacity-20 text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">req-btn</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Checksum</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-1 ml-1 bg-custom-btn rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full h-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">images/download-icon.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Verify Download Component</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Inside this section there is an <code>&lt;a&gt; anchor element</code> representing the <em>hyperlink</em> wrapped in the text for <strong>verifying the download</strong>. It has classes for styling, including spacing and underline formatting. The link text is <strong>Verify your download</strong> with an <strong>arrow symbol (→)</strong> indicating a link. It has the text displaying <strong><em>Verify your download →</em></strong> which is linked to the <a href="https://linux.tcetmumbai.in/#verify" target="_blank" rel="noopener noreferrer"><code>Verify your download →</code></a>. It is represented by line <strong>1,3</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Checksum Button</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-row items-center p-2 gap-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/#verify</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">i</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-semibold text-base underline underline-offset-4 not-italic</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Verify your download →;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">i</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Tutorials Link</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This <code>&lt;div&gt; element</code> provides information about creating a bootable USB drive. It includes a heading <em>Create Bootable USB</em> and <em>two links for video tutorials</em> on creating bootable USB drives for Windows and Mac/Linux. The below section of code there is an <code>&lt;a&gt; anchor</code> element for the <em>hyperlink</em> wrapped in the text. The links have underlined formatting.</p></li></ol><ul><li><p>The <code>First &lt;a&gt; tag</code> displaying <strong>&quot;Windows ↗&quot;</strong> which is linked to the <a href="https://www.youtube.com/watch?v=7ND2fiaFfic" target="_blank" rel="noopener noreferrer"><em>Installation tutorial video for Windows</em></a>. It is represented by line <strong>9</strong>.</p><br></li><li><p>The <code>Second &lt;a&gt; tag</code> displaying <strong>&quot;Mac/Linux ↗&quot;</strong> which is linked to the <a href="https://www.youtube.com/watch?v=KQGedNCA1E4" target="_blank" rel="noopener noreferrer"><em>Installation tutorial video for Mac or Linux</em></a>. It is represented by line <strong>9</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Verify Download Component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white mt-4 lg:mt-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-semibold text-2xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Create Bootable USB</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-wrap text-lg gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.youtube.com/watch?v=7ND2fiaFfic</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Windows &amp;#x2197;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.youtube.com/watch?v=KQGedNCA1E4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Mac / Linux &amp;#x2197;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Right Column</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="right-column">Right Column<a href="#right-column" class="hash-link" aria-label="Direct link to Right Column" title="Direct link to Right Column">​</a></h2><ol><li><p>This code represents the <code>second column of the grid layout</code>, which contains <em>an image of a man with a laptop</em>. The div element has the class <strong>image-content</strong> and is hidden on medium-sized screens (md) and above. The img element specifies the image source, width, height, and alternative text.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">DownloadSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Left Column</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">image-content hidden md:flex items-center align-middle justify-center z-10</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-60 h-40 lg:w-96 lg:h-80</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">images/man-with-laptop.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Left Column</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="output-image">Output Image<a href="#output-image" class="hash-link" aria-label="Direct link to Output Image" title="Direct link to Output Image">​</a></h2><img loading="lazy" src="/assets/images/DownloadSection-14d7779ea3aca8ffc7fb1102dadb6cd4.png" style="border:2px solid gray" class="img_ev3q"><br><center><b><figcaption>TCET Linux- Download Section</figcaption></b></center><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can visit</p><ol><li><a href="https://linux.tcetmumbai.in/#download" target="_blank" rel="noopener noreferrer">Download Section of the TCET Linux website</a><br></li><li><a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/DownloadSection.astro" target="_blank" rel="noopener noreferrer">DownloadSection.astro</a></li></ol></div></div><br><p><em>The <a href="/docs/projects/tcet-linux-website/frontend-components/download-section"><strong>Download Section of Home Page</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tcet-linux-website/frontend-components/hero"><strong>Hero Section</strong></a> component of the <strong><a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Linux Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/download-section.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Copy To Clipboard</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/hero"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Hero</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#download-section--gradient" class="table-of-contents__link toc-highlight">Download Section &amp; Gradient</a></li><li><a href="#left-column" class="table-of-contents__link toc-highlight">Left Column</a></li><li><a href="#right-column" class="table-of-contents__link toc-highlight">Right Column</a></li><li><a href="#output-image" class="table-of-contents__link toc-highlight">Output Image</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/footer/index.html b/docs/projects/tcet-linux-website/frontend-components/footer/index.html index e25a20f4..71424a14 100644 --- a/docs/projects/tcet-linux-website/frontend-components/footer/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/footer/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Footer</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Footer</h1></header><p>The <strong>Footer</strong> elelment of <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> which is located at the bottom of the website. It serves as a container for information that is relevant to the entire page. It acts as a <code>Navigation</code> and <code>Contact </code> guide for users. In the Footer element, We have included links to <a href="https://opensource.tcetmumbai.in/docs/category/projects/" target="_blank" rel="noopener noreferrer"><strong>Documentation</strong></a>, <a href="https://opensource.tcetmumbai.in/blog/" target="_blank" rel="noopener noreferrer"><strong>Blogs</strong></a>, <strong>Live projects</strong>, <strong>Teams</strong>, <strong>Copyright Information</strong>, <a href="mailto:linux@tcetmumbai.in" target="_blank" rel="noopener noreferrer"><strong>Email address</strong></a> for contact purposes with <strong>TCET LINUX</strong>, and icons linking to the Organization&#x27;s presence on various social media platforms like <a href="https://www.linkedin.com/company/tcet-opensource/" target="_blank" rel="noopener noreferrer"><strong>LinkedIn</strong></a>, <a href="https://www.youtube.com/@TCETMumbaiOfficial" target="_blank" rel="noopener noreferrer"><strong>YouTube</strong></a>, <a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer"><strong>Twitter</strong></a>, <a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer"><strong>Instagram</strong></a>, and <a href="https://github.com/tcet-opensource/" target="_blank" rel="noopener noreferrer"><strong>GitHub</strong></a>. We created this enhanced footer that helps users easily access relevant resources and connect with the <strong>TCET Opensource Organisation</strong> through multiple channels.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="top-section">Top Section<a href="#top-section" class="hash-link" aria-label="Direct link to Top Section" title="Direct link to Top Section">​</a></h2><p>This Section is represented by the <strong>HTML program</strong> with <strong>CSS</strong> which consists of two components : <strong>Logo Component</strong> and <strong>Footlinks Component</strong>.</p><p><strong>Here is the implemented code :</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">sm:h-[210px] h-full py-6 px-5 sm:py-[48px] sm:px-[41px] border-t bg-[#101828] flex font-sans gap-5 flex-col</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> //top section</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-full min-h-fit flex flex-col sm:flex-row justify-between items-center </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> //futher sections code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>We created the first <code>&lt;div&gt;</code> above as the parent div of the <strong>Footer</strong> element and the second <code>&lt;div&gt;</code> as the <strong>Sectional div</strong> for Top Section.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="logo-component">Logo Component<a href="#logo-component" class="hash-link" aria-label="Direct link to Logo Component" title="Direct link to Logo Component">​</a></h3><p>This Component created by us, contains the <strong>Logo</strong> of the TCET Opensource Organization.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//top section div</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/logo.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-[49px]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-white font-semibold text-2xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">TCET Open Source.</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Footlinks component code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li><code>&lt;img src&gt;</code> tag is used by our team to import the logo and display it in the <code>&lt;div&gt;</code> created.</li><li><code>&lt;h2&gt;</code> tag is created by us to display the name of the Orgnization.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The Logo of the Orgnization can be updated by changing <strong>img src</strong> pathlink or the image in that path. </p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="footlinks-component">Footlinks Component<a href="#footlinks-component" class="hash-link" aria-label="Direct link to Footlinks Component" title="Direct link to Footlinks Component">​</a></h3><p>This Component produce by us, contains the <strong>Footlinks</strong> of the TCET Opensource Organization.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Logo Component code</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col sm:flex-row h-full gap-3 text-[#D0D5DD] items-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://opensource.tcetmumbai.in/docs/category/projects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Docs</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://opensource.tcetmumbai.in/blog</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Blogs</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/LiveProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Live Projects</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/CookingProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Cooking Projects</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/CookingProjects</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Team</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline font-thin text-sm </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:opensource@tcetmumbai.in</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Contact</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Bottom Section Code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong> Explanation of the code :</strong></p><ol><li><p>An <strong><code>&lt;a&gt;</code></strong> tag is created by our team to give <strong>Title</strong> to the footlinks with <strong>href</strong> links corresponding to that <strong>Footlinks</strong>.</p></li><li><p>There are some links created of different pages such as : </p><ul><li><strong>Docs</strong> takes you to a page with documentation about projects.</li><li><strong>Blogst</strong> takes you to a page with interesting articles.</li><li><strong>Live Projects</strong> is a link to see ongoing projects.</li><li><strong>Cooking Projects</strong> is also a link to cooking-related projects.</li><li><strong>Team</strong> is a link to see the people involved.</li><li><strong>Contact</strong> is a link to send an email to &quot;<a href="mailto:opensource@tcetmumbai.in" target="_blank" rel="noopener noreferrer">opensource@tcetmumbai.in</a>&quot;.</li></ul></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Futher more <strong><code>Footlinks</code></strong> can be added in the footer element using same syntax of code .</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="bottom-section">Bottom Section<a href="#bottom-section" class="hash-link" aria-label="Direct link to Bottom Section" title="Direct link to Bottom Section">​</a></h2><p>This Section is represented by the <strong>HTML program</strong> with <strong>CSS</strong> which consists of : <strong>Copyright and Email Component</strong>, <strong>Socail Media Component</strong>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="copyright-and-email-component">Copyright and Email Component<a href="#copyright-and-email-component" class="hash-link" aria-label="Direct link to Copyright and Email Component" title="Direct link to Copyright and Email Component">​</a></h3><p>This Component created by our team, consists of Copyright text of the Organization.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Top Section code</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> w-full flex flex-col-reverse sm:flex-row sm:justify-between items-center sm:gap-0 gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-xs text-[#D0D5DD] </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Copyright 2022-2023 @ TCET Opensource.</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-xs text-[#D0D5DD]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:linux@tcetmumbai.in</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">linux@tcetmumbai.in</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We created the First <code>&lt;div&gt;</code> as the Sectional div for Bottom Section.</p></li><li><p>Second <code>&lt;div&gt;</code> is created to display the Copyright text of this componenet.</p></li><li><p>We created the <code>&lt;a&gt;</code> tag in-order to display Email link in <strong>href</strong> for LINUX-TCET Mumbai. </p></li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The Copyright Text may be converted into accessible text with link to the Copyright page of the Organization.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="social-media-component">Social Media Component<a href="#social-media-component" class="hash-link" aria-label="Direct link to Social Media Component" title="Direct link to Social Media Component">​</a></h3><p>This Component contains various social media links of TCET Open Source Organization.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Copyright and Email Component code</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex text-[#D0D5DD] gap-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.linkedin.com/company/tcet-opensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/linkdin.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.youtube.com/@TCETMumbaiOfficial</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Youtube.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://twitter.com/tcetopensource</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Twitter.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.instagram.com/tcetopensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Instagram.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://github.com/tcet-opensource/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Footer/Github.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-5 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We have used Basic HTML syntax in this component to fulfill our requirements .</p></li><li><p>The <code>&lt;a&gt;</code> tag is used by us to display LinkedIn Platform link in <strong>href</strong> of TCET OpenSource Organization .</p></li><li><p>Similarly using same syntax, we have linked different Social Media Platform Account of TCET OpenSource Organization for contact process of user.</p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Using similar Basic HTML syntax, more <strong>Social Media</strong> links can be added in the Bottom Component of Footer Element of the Website. </p></div></div><p><strong>After adding all components, the Footer Element can be scene like this :</strong></p><figure><img loading="lazy" src="/assets/images/footer-c0201b00325d15f57a63c9805f861741.jpg" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Footer Section</figcaption></b></center></figure><p><em>After successfully implementing the <a href="/docs/projects/tcet-linux-website/frontend-components/footer"><strong>Footer component</strong></a> of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> , the next step is to move forward with the implementation of the <a href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard"><strong>Copy to Clipboard component</strong></a>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/footer.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/navbar"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Navbar</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Copy To Clipboard</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#top-section" class="table-of-contents__link toc-highlight">Top Section</a><ul><li><a href="#logo-component" class="table-of-contents__link toc-highlight">Logo Component</a></li><li><a href="#footlinks-component" class="table-of-contents__link toc-highlight">Footlinks Component</a></li></ul></li><li><a href="#bottom-section" class="table-of-contents__link toc-highlight">Bottom Section</a><ul><li><a href="#copyright-and-email-component" class="table-of-contents__link toc-highlight">Copyright and Email Component</a></li><li><a href="#social-media-component" class="table-of-contents__link toc-highlight">Social Media Component</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/hero/index.html b/docs/projects/tcet-linux-website/frontend-components/hero/index.html index 8794838f..7432cb42 100644 --- a/docs/projects/tcet-linux-website/frontend-components/hero/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/hero/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Hero</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Hero</h1></header><p>The <strong>Hero</strong> component represents the first section of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a>. <strong>Hero</strong> section is designed by our team to make a strong visual impact and introduce the <strong>TCET Linux Operating System</strong> to the Users. We have provides a brief description of the <code>Operating System&#x27;s</code> features and its association with <strong>Arch Linux</strong> and the <strong>TCET Open Source Community</strong>, also we have included buttons for users to explore more about TCET Linux and view the system requirements for installing <a href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum" target="_blank" rel="noopener noreferrer"><strong>TCET Linux System</strong></a> on your Device .</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hero-content-section">Hero Content Section<a href="#hero-content-section" class="hash-link" aria-label="Direct link to Hero Content Section" title="Direct link to Hero Content Section">​</a></h2><p>Our team has created this section with <strong>Basic HTML</strong> and <strong>Javascript (Astro)</strong> code. This Section consist of <a href="#text-component"><strong>Text Component</strong></a>, <a href="#explore-component"><strong>Explore Component</strong></a> and <a href="#requirements-pop-up-button"><strong>Requirements Pop-Up Button</strong></a>. This Section provides information about TCET Linux and encourages users to explore and view the requirements.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="text-component">Text Component<a href="#text-component" class="hash-link" aria-label="Direct link to Text Component" title="Direct link to Text Component">​</a></h3><p>This consist of Major Text Visualisation of the <strong>Hero</strong> Section of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a>.</p><p><strong>Here is the implementation of code :</strong></p><ol><li><p>The first<code>&lt;div&gt;</code> element created by our team is the parent Div of the Whole <strong>Hero Section</strong>. A <code>&lt;Section&gt;</code> Element is used by us to create Sub-sections in the component, followed by <code>&lt;div&gt;</code> elements with <strong>Css</strong> styling.</p></li><li><p>Our team have used an <code>&lt;h1&gt;</code> tag to diaplay the <strong>Title Text</strong> of the Component.</p></li><li><p><code>&lt;p&gt;</code> Tag is used by our team to display the description about <strong>TCET Linux Website</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Importing Dependencies</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-gray-600 body-font bg-[#101828]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-11/12 mx-auto flex md:py-16 py-5 md:flex-row flex-col pb-5 items-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute z-30 py-0 left-0 w-80 h-96 bg-gradient-to-r from-teal-100 via-indigo-500 to-pink-100 opacity-30 blur-3xl flex-none order-4 rounded-xl transform -rotate-45 pointer-events-none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:flex-grow md:w-1/2 lg:pr-0 md:pr-12 flex flex-col md:items-start md:text-left mb-10 md:mb-0 items-center text-center font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">2xl:text-6xl xl:text-5xl sm:text-4xl text-3xl mb-2 text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Enhance your computing experience with TCET Linux</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mb-8 leading-relaxed text-indigo-300 sm:text-sm text-xs</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> TCET Linux • A 64-bit GNU/Linux distribution for TCET Mumbai</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mb-8 leading-relaxed text-[#D0D5DD] sm:text-base text-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Powered by Arch Linux &amp; the TCET Open Source Community, TCET Linux the</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> the premier operating system for engineering education in TCET Mumbai.</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">//Button Component Code </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Further Basic <strong>HTML</strong> Syntax i.e Header (<code>&lt;h&gt;</code>) and Paragragh <code>&lt;p&gt;</code> Tags to display more text on your Website.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="explore-component">Explore Component<a href="#explore-component" class="hash-link" aria-label="Direct link to Explore Component" title="Direct link to Explore Component">​</a></h3><p>This Component contains the <code>Button</code> linked to the <strong>Youtube</strong> Video.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">//Text Component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center gap-2 md: gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex justify-center h-min</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline-flex text-white bg-[#01105F] shadow-base shadow-sky-500 border-sky-500 border-y-2 py-2 px-6 focus:outline-none rounded-3xl text:base md:text-lg hover:bg-blue-700</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.youtube.com/watch?v=8kL1NEtSIi4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">target</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">_blank</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Explore</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>This Component created by our developers, consists of <code>&lt;div&gt;</code> with <code>&lt;a&gt;</code> tag containing an <strong>image</strong>. It has classes and styles applied to it, and it displays an image referenced by the source attribute usinh <strong>href</strong> element.</li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can add more Linked Button using same <a href="#explore-component"><strong>Content</strong></a>.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="requirements-pop-up-button">Requirements Pop-Up Button<a href="#requirements-pop-up-button" class="hash-link" aria-label="Direct link to Requirements Pop-Up Button" title="Direct link to Requirements Pop-Up Button">​</a></h3><p>We created this <strong>Pop-Up Button</strong> to display <code>System Requirements</code> in a <strong>dialog</strong> that can be opened and closed by <strong>clicking</strong> the <code>button</code>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Explore Component Code</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-row w-fit p-2 px-4 cursor-pointer gap-2 items-center justify-center border rounded-full border-white hover:bg-blue-50 hover:bg-opacity-20 text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">req-btn</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> h-6 md:font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Requirements</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-1 ml-1 bg-custom-btn rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full h-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">images/requirements-icon.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"></span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">//Hero Image Code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We created a <code>&lt;button&gt;</code> element which contains an <em><strong>id</strong></em> of <strong>&quot;req-btn&quot;</strong></p></li><li><p><code>&lt;Span&gt;</code> element are used to display Text in <code>&lt;h6&gt;</code> tag and an <strong>icon svg</strong> in <code>&lt;img src&gt;</code> tag.</p></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hero-image-section">Hero Image Section<a href="#hero-image-section" class="hash-link" aria-label="Direct link to Hero Image Section" title="Direct link to Hero Image Section">​</a></h2><p>This section consist of <strong>Image</strong> displayed on the other half of <strong>Hero</strong> Section of the Website.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">//Hero Content Section Code</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex sm:w-1/2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hidden md:flex absolute z-30 pt-20 m-14 w-48 h-52 xl:w-[400px] xl:h-[300px] bg-[#98A2B3] opacity-30 blur-2xl flex-none order-4 rounded-full pointer-events-none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">z-50 flex align-middle rounded-xl m-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full object-contain</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">image 1.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">//Pop-Up Button Script code </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>Basic <strong>HTML</strong> <code>&lt;img src&gt;</code> tag is used to display <strong>Hero Image</strong> of <strong>Hero</strong> Section inside <code>&lt;div&gt;</code> classes with appropriate <strong>Css</strong> styling. </li></ul><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>To understand code more briefly, You can refer <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/Hero.astro" target="_blank" rel="noopener noreferrer"><strong>&quot;Hero.Astro&quot;</strong></a> file from <a href="https://github.com/tcet-opensource/tcet-linux-website" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> repo</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="pop-up-screen-description">Pop-Up Screen Description<a href="#pop-up-screen-description" class="hash-link" aria-label="Direct link to Pop-Up Screen Description" title="Direct link to Pop-Up Screen Description">​</a></h2><p>This Component consist of data that is displayed while the <strong>Pop-Up</strong> <code>Dialog</code> is <strong>open</strong>. The <strong>dialog</strong> provides a <strong>clear heading</strong>, a <strong>close button</strong>, and a <strong>list of requirements</strong> to help users understand the hardware specifications needed to run <strong>TCET Linux</strong> successfully.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">dialog</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">requirements</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-5/6 md:w-3/4 lg:w-2/4 p-0 rounded-xl bg-[#0e1624] text-white </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inside-req</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-6 lg:p-8 w-full h-full space-y-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex justify-between </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-2xl font-title font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Requirements</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">close-req</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-2xl font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">X</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">ul</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">list-disc ml-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> 64 bit x86_64 processor (Intel/AMD), with atleast 2 CPU cores. (32-bit not supported) </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> Any GPU/iGPU with OpenGl 3.3+ support. </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> Atleast 2GB DDR3/DDR4 RAM. </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> Atleast 10GB HDD/SSD storage. (Although installer will allow min 5.5GB) </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> Basic WPA/WPA2 compatible wifi card or ethernet supported motherboard. </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">li</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">ul</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">dialog</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol><li><p>We Created <code>&lt;dialog&gt;</code> element with an <em><strong>id</strong></em> of <strong>&quot;requirements&quot;</strong> and several classes that that is used for <strong>styling</strong>. It is styled to appear as <em><strong>a rounded rectangle with a dark background and white text.</strong></em></p></li><li><p>Inside the <code>&lt;dialog&gt;</code> element, we defined a <code>&lt;div&gt;</code> element with an <em><strong>id</strong></em> of <strong>&quot;inside-req&quot;</strong> with classes for styling .</p></li><li><p>We created an <code>&lt;h1&gt;</code> element with classes that define the <em>font size, font family, and font weight</em>. It displays the heading <strong>&quot;Requirements&quot;</strong>.</p></li><li><p>Next, we defined a <code>&lt;button&gt;</code> element with the <em><strong>id</strong></em> <strong>&quot;close-req&quot;</strong>. The button displays an <strong>&quot;X&quot;</strong> symbol and is intended to <strong>close</strong> the <code>dialog</code> when <strong>clicked</strong>.</p></li><li><p>Following the <strong>header</strong>, we defined an unordered <strong>list <code>&lt;ul&gt;</code></strong> with the <strong>class &quot;list-disc ml-8&quot;</strong>.</p><ul><li><p>This styles the list items with <em><strong>bullet points</strong></em> and an <em><strong>8-pixel left margin</strong></em>. </p></li><li><p>The list items <code>&lt;li&gt;</code> represent the <code>system requirements</code> for <strong>TCET Linux</strong>.</p></li><li><p>Each requirement is listed as a separate list item.</p></li></ul></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="pop-up-button-script">Pop-Up Button Script<a href="#pop-up-button-script" class="hash-link" aria-label="Direct link to Pop-Up Button Script" title="Direct link to Pop-Up Button Script">​</a></h2><p>This Section contains the responsive working of <strong>Pop-Up</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Hero.asrto</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Pop-Up Description Code</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">script</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> const requirements = document.getElementById(&quot;requirements&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> const req_btn = document.getElementById(&quot;req-btn&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> const insideReq = document.getElementById(&quot;inside-req&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> const closeReq = document.getElementById(&quot;close-req&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> req_btn.addEventListener(&quot;click&quot;, function () {</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // console.log(&quot;opennnn&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> requirements.showModal();</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> });</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> closeReq.addEventListener(&quot;click&quot;, function () {</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // console.log(&quot;closeee&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> requirements.close();</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> });</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> window.onclick = function (event) {</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> if (event.target.contains(insideReq) &amp;&amp; event.target !== insideReq) {</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> requirements.close();</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // console.log(&quot;clickkk outsidee&quot;);</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> }</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> };</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">script</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s the Explanation of the Above code : </strong></p><ol><li><p>Our team created this code which begins by <code>retrieving several</code> elements from the <strong>HTML</strong> using their respective <code>ids</code>: <strong>requirements</strong>, <strong>req_btn</strong>, <strong>insideReq</strong>, and <strong>closeReq</strong>. These elements represent the <code>dialog</code> box itself, the <strong>button</strong> that <strong>opens</strong> the <code>dialog</code>, the <strong>content container</strong> of the <code>dialog</code>, and the <strong>close button</strong> within the <code>dialog</code> respectively .</p></li><li><p>Then we added an <strong>event listener</strong> to the <code>req_btn</code> button using the <strong>addEventListener()</strong> method.</p></li></ol><ul><li><p>When the <code>&lt;button&gt;</code> is <strong>clicked</strong>, the function provided as the second argument is executed. </p></li><li><p>In this case, the <strong>function</strong> calls the <strong>showModal()</strong> method on the <strong>requirements</strong> <code>dialog</code> element. </p></li><li><p>This method displays the <code>dialog</code> as a <strong>modal window</strong>, <strong>overlaying</strong> the rest of the page and preventing <strong>interaction</strong> with the underlying content.</p></li></ul><ol start="3"><li>We added another <strong>event listener</strong> to the <code>closeReq</code> button. </li></ol><ul><li><p>When the <code>&lt;button&gt;</code> is clicked, the function provided, <strong>closes</strong> the <strong>requirements</strong> <code>dialog</code> using the <strong>close() method</strong>.</p></li><li><p>This method hides the <code>dialog</code> and allows the underlying content to be <strong>interacted</strong> with again.</p></li></ul><ol start="4"><li>In the last part of the code, we assigned a <strong>click event listener</strong> to the <code>window object</code>. </li></ol><ul><li><p>This listener <code>triggers</code> when any <strong>click</strong> event occurs on the <strong>window</strong>. </p></li><li><p>The <strong>function</strong> provided checks if the clicked element is contained within the <strong>insideReq</strong> element and if it is not the <strong>insideReq</strong> element itself. </p></li><li><p>If these <strong>conditions</strong> are met, it means that the <strong>click</strong> occurred outside the <strong>dialog&#x27;s</strong> content area. </p></li><li><p>In this case, the <strong>function closes</strong> the <strong>requirements</strong> <code>dialog</code> using the <strong>close() method</strong>.</p></li></ul><p><strong>After implementing the code, Pop-Up Dialog can be scene like this :</strong></p><figure><center><img loading="lazy" src="/assets/images/popup-97f664abf105e96dcf6c7f0009132bc1.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><b><figcaption>Pop-Up Dialog</figcaption></b></center></figure><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Using Similar code consisting of <strong>Event listeners</strong>, an interactive dialog Can be created with <strong>content</strong> using same <a href="#pop-up-screen-description"><strong>Pop-Up Screen Description</strong></a> code.</p></div></div><p><strong>After implementing all components, Hero Section can be scene like this :</strong></p><figure><center><img loading="lazy" src="/assets/images/hero-628e5cc87002f3f493f13b926dbef8e9.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><b><figcaption>Hero Section </figcaption></b></center></figure><p><em>The <a href="/docs/projects/tcet-linux-website/frontend-components/hero"><strong>Hero Section of TCET Linux Webite</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tcet-linux-website/frontend-components/installation-steps"><strong>Installation Steps Section </strong></a> component of the <strong><a href="https://linux.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET LinuxWebsite</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/hero.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/download-section"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Download Section</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Installation Steps</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#hero-content-section" class="table-of-contents__link toc-highlight">Hero Content Section</a><ul><li><a href="#text-component" class="table-of-contents__link toc-highlight">Text Component</a></li><li><a href="#explore-component" class="table-of-contents__link toc-highlight">Explore Component</a></li><li><a href="#requirements-pop-up-button" class="table-of-contents__link toc-highlight">Requirements Pop-Up Button</a></li></ul></li><li><a href="#hero-image-section" class="table-of-contents__link toc-highlight">Hero Image Section</a></li><li><a href="#pop-up-screen-description" class="table-of-contents__link toc-highlight">Pop-Up Screen Description</a></li><li><a href="#pop-up-button-script" class="table-of-contents__link toc-highlight">Pop-Up Button Script</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/installation-steps/index.html b/docs/projects/tcet-linux-website/frontend-components/installation-steps/index.html index 8c552f14..498570e8 100644 --- a/docs/projects/tcet-linux-website/frontend-components/installation-steps/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/installation-steps/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Installation Steps</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Installation Steps</h1></header><p>TCET Linux Installation Steps <code>element</code> is a step-by-step guide created by us that will walk you through the process of installing <a href="https://github.com/tcet-opensource/tcet-linux/releases/download/v0.5-beta/checksum" target="_blank" rel="noopener noreferrer"><strong>TCET Linux</strong></a> on your system. We have included all the neccessary steps from <strong>Initial Welcome Screen</strong> to selecting your <strong>Location</strong>, <strong>Keyboard Layout</strong>, <strong>Storage Partitioning</strong>, and <strong>User Details</strong>. This <code>Section</code> in the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> helps the user to easily install <code>TCET Linux</code> on their Device.</p><p><strong>Here&#x27;s how we implemented code of this <code>Element</code> :</strong></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="function-defination">Function Defination<a href="#function-defination" class="hash-link" aria-label="Direct link to Function Defination" title="Direct link to Function Defination">​</a></h2><ol><li><p>Opening the <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/InstallationSteps.jsx" target="_blank" rel="noopener noreferrer"><strong>&quot;InstallationSteps.jsx&quot;</strong></a>file.</p></li><li><p>In <strong>Installation Steps Element</strong>, We have implemented a <code>code</code> that consist a <code>React</code> component called <strong>InstallationSteps</strong>. It is a functional component that renders a set of installation steps for <strong>TCET Linux Installation</strong> along with <code>Corresponding Images</code> with <strong>Hovering Effect</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InstallationSteps.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">//import dependencies</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function maybe-class-name" style="color:#d73a49">InstallationSteps</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">imageFirst</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setImageFirst</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">welcomeImage</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">imageSecond</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setImageSecond</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">welcomeImage</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Futher Code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Our implemented <code>code</code> begins with importing the necessary dependencies and several image files using relative paths for our <code>Requirements</code>.</p></li><li><p>We have defined <strong>InstallationSteps</strong> function as the component.</p><ul><li><p>Inside the component, two <strong>State Variables</strong> are initialized using the <code>useState</code> hook: <strong>imageFirst</strong> and <strong>imageSecond</strong>.</p></li><li><p>The <strong>imageFirst</strong> <code>state</code> variable represents the image displayed on the <code>Left side</code>, and <strong>imageSecond</strong> represents the image displayed on the <code>Right</code> side.</p></li></ul></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="array-defination">Array Defination<a href="#array-defination" class="hash-link" aria-label="Direct link to Array Defination" title="Direct link to Array Defination">​</a></h2><ol><li><p>In this <code>step</code>, we have defined an Two <code>Array</code> called <strong>installationStepsFirstSet</strong> and <strong>installationStepsSecondSet</strong>. These arrays contain objects representing the installation steps.</p></li><li><p>First <strong>Array</strong> contain the objects for <code>First Set</code> of Installation Steps component. Similarly Second <strong>Array</strong> contain the objects for <code>Second Set</code> of Installation Steps component.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InstallationSteps.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//function defination</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> installationStepsFirstSet </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">id</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">header</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Welcome Screen&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Launch the installer by searching for &#x27;Install TCET Linux&#x27;. The installer will look like this.&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">image</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> welcomeImage</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Futher code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Each step object has properties such as id, header, description, and image which represents step number, step title, step description, step image file path.</p></li></ol><p><strong>Similar Steps were carried out by us to create different object in both the <a href="#array-defination">Arrays</a>.</strong></p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>We created this <code>Arrays</code> to utilise in <strong>Main</strong> Structure, which shorten&#x27;s the code length and make it accessible to understand.</p></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can refer this code from <strong>&quot;InstallationSteps.jsx&quot;</strong> file from our <a href="https://github.com/tcet-opensource/tcet-linux-website" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> repo.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="sets-of-installation-steps">Sets of Installation Steps<a href="#sets-of-installation-steps" class="hash-link" aria-label="Direct link to Sets of Installation Steps" title="Direct link to Sets of Installation Steps">​</a></h2><p>This Component consist of the main Structure of code implemented by our team which enable the <code>Sets</code> section with <code>hovering image</code> effect.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InstallationSteps.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">//Main Structure</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">installation</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">overflow-hidden bg-[#101828] py-4 px-4 lg:px-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">py-12 px-6 w-full h-full flex flex-col-reverse xl:flex-row md:flex-row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full xl:w-1/2 relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#6172F3] font-bold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">INSTALLATION GUIDE</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-[#FCFCFD] text-2xl md:text-4xl pt-2 pb-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> TCET Linux Installation Steps</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute z-30 top-14 left-0 w-48 h-80 bg-gradient-to-r from-teal-100 via-indigo-500 to-pink-100 opacity-30 blur-2xl flex-none order-4 rounded-xl transform -rotate-45</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onMouseLeave</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setImageFirst</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">welcomeImage</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">installationStepsFirstSet</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">step</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pt-6 cursor-pointer text-sm sm:text-base</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onMouseEnter</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setImageFirst</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">step</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">image</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">step</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">id</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#98A2B3] font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">id</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text">. </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">header</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#F9FAFB] pt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative w-full flex justify-center align-middle xl:w-1/2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute z-30 top-5 w-48 h-52 xl:w-[600px] xl:h-[450px] bg-[#98A2B3] opacity-30 blur-2xl flex-none order-4 rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">z-50 flex align-middle rounded-xl m-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full object-contain rounded-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">imageFirst</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">// Similar Set section Code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s the explanation of the code : </strong></p><ol><li><p>We defined a JSX is wrapped in a <code>&lt;div&gt;</code> element with the id set to &quot;installation&quot; and some CSS classes for styling purposes. </p></li><li><p>Within the component, we defined the JSX structure which is divided into two main sections for the <strong>first</strong> and <strong>second</strong> sets of installation steps.</p></li><li><p>In the first section, we created a <code>&lt;div&gt;</code> elements containing another div&#x27;s for the left side content and the right side content.</p></li><li><p>Inside the left side <code>&lt;div&gt;</code>, we created a paragragh tag (<code>&lt;p&gt;</code>) element for the title, a <code>&lt;p&gt;</code> element for the description of the installation guide and an <code>&lt;img&gt;</code> element that displays the image corresponding to the currently selected step. The <code>image</code> source is controlled by the <strong>imageFirst</strong> <code>state</code> variable.</p></li><li><p>The <strong>installationStepsFirstSet</strong> <code>array</code> is mapped over to render each step as a <code>&lt;div&gt;</code>. The <strong>onMouseEnter</strong> event is used by us to update the <strong>imageFirst</strong> <code>state</code> variable with the corresponding image when a step is hovered over.</p></li></ol><p><strong>Similar Steps were carried out to created another set of <a href="#sets-of-installation-steps">InstallationSteps</a>.</strong></p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Using this Syntax of Javascript Language, Multiple Sets can be created as per your Requirements.</p></div></div><p><strong>After implementing all components, the Installation Steps Component can be scene like this :</strong></p><figure><center><img loading="lazy" src="/assets/images/set1-23757eac22c7cef57bf6b295af65115c.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><b><figcaption>Installation Steps Set 1</figcaption></b></center></figure><figure><center><img loading="lazy" src="/assets/images/set2-a697248626263b64e89765c883549c72.jpg" style="border:2px solid gray" class="img_ev3q"></center><center><b><figcaption>Installation Steps Set 2</figcaption></b></center></figure><p><em>In this page, we saw how the <a href="/docs/projects/tcet-linux-website/frontend-components/installation-steps"><strong>Installation Steps</strong></a> section was put together. Let&#x27;s go on towards the next stage,the <a href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads"><strong>Verify Downloads</strong></a> Section , to see how the component was implemented.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/installation-steps.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/hero"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Hero</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Verify Download</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#function-defination" class="table-of-contents__link toc-highlight">Function Defination</a></li><li><a href="#array-defination" class="table-of-contents__link toc-highlight">Array Defination</a></li><li><a href="#sets-of-installation-steps" class="table-of-contents__link toc-highlight">Sets of Installation Steps</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/navbar/index.html b/docs/projects/tcet-linux-website/frontend-components/navbar/index.html index a2d4233c..7124be9b 100644 --- a/docs/projects/tcet-linux-website/frontend-components/navbar/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/navbar/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Navbar</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Navbar</h1></header><p>The <strong>Navbar</strong> is an informative element of the <a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a>. It is located at the top of page and contain <strong>TCET OpenSource logo</strong> and links to important sections such as <strong>Download</strong>, <strong>About us</strong>, <strong>Get started</strong> and <strong>Documention</strong>. A well-designed navbar is a critical component of any website, facilitating smooth and intuitive navigation for users, therefore we have created a <code>Navbar</code> that enhances the user experience, adapts to different devices and ensures accessibility.</p><p><strong>Here&#x27;s how we implemented the navbar:</strong></p><ol><li><p>Opening the <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/Navbar.jsx" target="_blank" rel="noopener noreferrer"><strong>&quot;Navbar.jsx&quot;</strong></a>file.</p></li><li><p>This is a <em>React component</em> called <code>Navbar</code> implemented by us that represents a navigation bar elements with responsive behavior. Inside the component, we have defined an <strong>Array</strong> called <code>navlinks</code> that contains objects representing different navigation links.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> navlinks </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Download&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/#download&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Documentation&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;https://opensource.tcetmumbai.in/docs/projects/tcet-linux/about-tcet-linux&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">newtab</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;About Us&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;https://opensource.tcetmumbai.in/docs/about-tcetopensource&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">newtab</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// futher code</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li><p>Each object has a <strong>title</strong> and a <strong>link</strong> property.</p></li><li><p><strong>LINE 9 and 14</strong> contains a newtab property, indicating whether the link should be opened in a new tab.</p></li></ul></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>In the same way, we can add another <strong>title</strong> and <strong>link</strong> property to get more icon on the <code>Navbar</code>. </p></div></div><ol start="3"><li><p><code>Open</code> is a state variable defined by us and its corresponding setter function <code>setOpen</code> used to indicate whether the menu is opened or closed. <code>HandleMenu function</code>, which is triggered when the menu button is clicked and logs the current value of open to the console.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Array defination </span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">open</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setOpen</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function" style="color:#d73a49">handleMenu</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">setOpen</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">prev</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">!</span><span class="token plain">prev</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token console class-name">console</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">log</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">open</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The outermost element is a <code>&lt;div&gt;</code> representing the <strong>background color</strong> and <strong>font family</strong>. Inside the main <code>&lt;div&gt;</code>, there are another <code>&lt;div&gt;</code> elements for responsive styling. This <code>&lt;div&gt;</code> contains the actual navigation bar elements. The navigation bar consists of three sections: logo, navlinks, and hamburger menu.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// state variable</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#101828] font-sans</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mx-auto px-4 sm:px-6 lg:px-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center justify-between h-16</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Logo code </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The array and state variable is created to run datamap function ahead, so the code length can be shortened which is easy to understand and use. Refer the <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/Navbar.jsx" target="_blank" rel="noopener noreferrer"><strong>Navbar.jsx</strong></a> file.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="logo-section">Logo Section<a href="#logo-section" class="hash-link" aria-label="Direct link to Logo Section" title="Direct link to Logo Section">​</a></h3><p>This section contains the logo of <strong>TCET OpenSource Organisation</strong> in the navbar. </p><ol><li><p>We have created a <code>&lt;div&gt;</code> element. </p></li><li><p>we Imported the logo by using <strong>href tag</strong> from the root folder where image is stored. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// state variable</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#101828] font-sans</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mx-auto px-4 sm:px-6 lg:px-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center justify-between h-16</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">/</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">text-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tcet-opensource-logo.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">TCET Open Source Logo</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">srcSet</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Other section code </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>The logo can be updated by changing <strong>href</strong> pathlink or the image in that path. </p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navlinks-section">Navlinks Section<a href="#navlinks-section" class="hash-link" aria-label="Direct link to Navlinks Section" title="Direct link to Navlinks Section">​</a></h3><p>This section consists of Navlinks of the Navbar of TCET Linux website.</p><ol><li><p>We have used <strong>Data map</strong> function which is a Advanced Data Structure linked to the <strong>Navlinks array</strong> created above.</p></li><li><p>The <strong>Mapping</strong> function iterates over the navlinks array and creates an a <code>tag</code> for each link.</p><ul><li><p>The link&#x27;s href attribute is set to the corresponding link property of the navlinks object.</p></li><li><p>If the newtab property is true, which opens the link in a new tab.</p></li><li><p>Each link has additional styling classes for hover effects and rounded corners. </p></li><li><p>Line <strong>2-15</strong> shows the above data map code .</p></li></ul></li><li><p>We created a <strong>Get Started</strong> icon using <code>&lt;button&gt;</code> which hovers the user to <strong>Installation Guide</strong> </p><ul><li>Line <strong>16-21</strong> shows the above getting started button. </li></ul><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Logo code </span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hidden md:flex</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-base 2xl:text-lg ml-10 flex items-baseline space-x-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">navlinks</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">link</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">a</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> key</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">index</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> className</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;text-[#E4E7EC] transition-all duration-500 hover:bg-[#475467] hover:text-[#E0EAFF] px-2 py-1 rounded-md text-md font-medium&quot;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> href</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">link</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">link</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> target</span><span class="token operator" style="color:#393A34">=</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> link</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">newtab</span><span class="token operator" style="color:#393A34">?</span><span class="token string" style="color:#e3116c">&quot;_blank&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token string" style="color:#e3116c">&quot;&quot;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">link</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">!ml-8 border-2 border-[#475467] rounded-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline-flex items-center text-[#E0EAFF] border-1 border-white py-1 px-2 focus:outline-none rounded md:mt-0 hover:bg-[#475467] hover:text-[#E0EAFF] text-base 2xl:text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">/#installation</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Get Started</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hamburger-section">Hamburger Section<a href="#hamburger-section" class="hash-link" aria-label="Direct link to Hamburger Section" title="Direct link to Hamburger Section">​</a></h3><ol><li><p>The <code>Hamburger menu</code> section is hidden on larger screens.</p></li><li><p>It contains a <code>&lt;button&gt;</code> with an event handler <code>(onClick)</code> set to the <strong>HandleMenu</strong> function. </p></li><li><p>The <code>&lt;button&gt;</code> toggles the value of <code>open</code> and displays either the menu icon or the close icon based on the value of <code>open</code>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">-mr-2 flex md:hidden</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">button</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">handleMenu</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">inline-flex items-center justify-center p-2 rounded-lg text-white hover:ring-white focus:outline-none focus:ring-2 focus:rig-offset-2 focus:ring-offset-white focus:ring-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">sr-only</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Open main menu</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">open </span><span class="token operator" style="color:#393A34">===</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">FaTimes</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">FaBars</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-view-section">Mobile View Section<a href="#mobile-view-section" class="hash-link" aria-label="Direct link to Mobile View Section" title="Direct link to Mobile View Section">​</a></h3><ol><li><p>This code is written by our team to make the <strong>Navbar</strong> adjustable according to the <code>Mobile view</code> of the user. </p></li><li><p>Following the <code>navigation bar</code>, there is a <em>conditional rendering statement</em>. </p><ul><li>If open is true, a mobile version of the navigation menu is displayed.</li></ul></li><li><p>We created a <code>&lt;div&gt;</code> with specific styling for <em>mobile screens</em>. </p><ul><li>Inside this <code>&lt;div&gt;</code>, there is a <strong>Mapping</strong> function similar to the one in the `navlinks section``, but the styling is adjusted for mobile.</li></ul><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Navbar.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">open </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col md:hidden</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">px-2 pt-1 pb-3 space-y-1 sm:px-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">navlinks</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">link</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">index</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-center cursor-pointer text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">link</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag attr-value" style="color:#e3116c">/Get Started</span><span class="token tag attr-value punctuation" style="color:#393A34">&#x27;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-center cursor-pointer text-[#E0EAFF] hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Get Started</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token keyword null nil" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>To see how we added Logo, Navlinks and Hamburger on the Navbar, refer <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/Navbar.jsx" target="_blank" rel="noopener noreferrer"><strong>Navbar.jsx</strong></a> file from the <a href="https://github.com/tcet-opensource/tcet-linux-website" target="_blank" rel="noopener noreferrer"><strong>TCET Linux Website</strong></a> repository. </p></div></div><p><strong>After adding all components, the Navbar Desktop View can be scene like this :</strong></p><figure><img loading="lazy" src="/assets/images/navbar-6ef666980fdf2a104a65e9d481a6d1b0.jpg" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Navbar Section</figcaption></b></center></figure><figure><center><img loading="lazy" src="/assets/images/mobilenav-6b9ae1d1097cc061965a79608d6d9d4b.jpg" style="border:2px solid gray;width:400px" class="img_ev3q"></center><center><b><figcaption>Mobile Navbar Section</figcaption></b></center></figure><br><p>With this, the <a href="/docs/projects/tcet-linux-website/frontend-components/navbar"><strong>Navbar Section</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tcet-linux-website/frontend-components/footer"><strong>Footer Section</strong></a> of the TCET Linux Website.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/navbar.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tech Stacks</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/footer"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Footer</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#logo-section" class="table-of-contents__link toc-highlight">Logo Section</a></li><li><a href="#navlinks-section" class="table-of-contents__link toc-highlight">Navlinks Section</a></li><li><a href="#hamburger-section" class="table-of-contents__link toc-highlight">Hamburger Section</a></li><li><a href="#mobile-view-section" class="table-of-contents__link toc-highlight">Mobile View Section</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/tech-stacks/index.html b/docs/projects/tcet-linux-website/frontend-components/tech-stacks/index.html index 108c1cd2..f939d4ea 100644 --- a/docs/projects/tcet-linux-website/frontend-components/tech-stacks/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/tech-stacks/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/navbar">Navbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/footer">Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard">Copy To Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/download-section">Download Section</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps">Installation Steps</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads">Verify Download</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Frontend Components</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Tech Stacks</h1></header><div style="display:flex;flex-direction:Column;justify-content:space-around"><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Astro</b> is an open-source framework for generating web applications on top of popular UI frameworks like React, Preact, Vue, or Svelte. It offers a modern and flexible approach to web development, enabling developers to create fast, scalable, and engaging websites and applications.<a href="https://astro.build/" target="_blank" rel="noopener noreferrer"> <b>Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/png;base64,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w6sJFbGu1ctULf0uDRB5H7UiBBhHK63bQNHAt7HT6eSMxPJ0Jb3kUCudt/SWPS28OijJpuQyulBAYnxjSIEGEcr9yBmr8UAABAcCOYSPLnpS7QrK9Ihbm5DWijsMXV14JYBHgYnvWIXJiLsYjUR21o5C1c+DGQExGlFmmW+il3zinpT0I6CPtWhHZNJW7ix0qObm2eigAgIDhQEGbk12YwpfJ8t6AyfDeu6OVFxyw/yh/9oADAMBAAIAAwAAABDzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzLTzzzzzzzzzzzzzzzzzzzzlNOo2L3zzzzzzzzzzzzzzzzyjPijZI6/Tzzzznzzzzzzzzzzx35xrCwxQ/TXzlvzzzzzzzzzyn7zzw21KwjTZvD7zzzzzzzzzzzzzzzw+CbYwjP7zzzzzzzzzfXLb3Xzzz2/+y9/zzzzzzzzyY1Di7bLvzzzzzzzzzzzzzzzyi1OSxDCx/wB8886388888888887M8ttbqmWcQ28Z88888888888/8888Ozyqm2MNE88888888888888888NsxUPFV88888888888888888888Oe+88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888//EACkRAQABAgMGBwEBAAAAAAAAAAERACExQVEgYXGh0eEQMECRsfDxgXD/2gAIAQMBAT8Q/wAhwkOLX7hWEjwfSlQ30daYvA0Ld6WbvgMXKYtI0b1pLR09EMpiw6/ynSSu0KMlWKbjr3+dlGLzHbAtOUd6Bslv6UoRD2KNm5ypWUJsmg18nr1oRJPCWEVlRhm9158PLRQwtHhgNiANkwaQBCbNjUoCPidKQ5VKI8+Lx9Dn1ydKbtk1MNmAUtZgfHyoQAq1lfu+k5c3ak4nv+VarHf9ihEk2EEhpqbHd9ik4nt+UHPk71e2v3dUIAeV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" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Tailwind CSS</b> is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. It is a versatile CSS framework that offers a pragmatic and efficient approach to web development. <br> <a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/TypeScript-659e4b9351cf1baa6930949252f90d61.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>TypeScript</b> is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale. It converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Node.js or Deno and in your apps.<a href="https://www.typescriptlang.org/" target="_blank" rel="noopener noreferrer"> <b>Read More</b> </a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/JavaScript-062825dbceed44567e91642a6c8fa809.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>JavaScript</b> is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else.<a href="https://www.javascript.com/" target="_blank" rel="noopener noreferrer"><b> Read More </b></a></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/tech-stacks.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/navbar"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Navbar</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/frontend-components/verify-downloads/index.html b/docs/projects/tcet-linux-website/frontend-components/verify-downloads/index.html index 52a7464d..b8d9a50a 100644 --- a/docs/projects/tcet-linux-website/frontend-components/verify-downloads/index.html +++ b/docs/projects/tcet-linux-website/frontend-components/verify-downloads/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -24,7 +24,7 @@ It includes <em>headings</em>, <em>containers</em>, <em>buttons</em> and <em>elements</em> with specific classes for styling purposes. <a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/VerifyDownloads.astro#L31-#L116" target="_blank" rel="noopener noreferrer"><strong><em>Content Section of Verify Section</em></strong></a> can be <em>visited</em>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="background--title">Background &amp; Title<a href="#background--title" class="hash-link" aria-label="Direct link to Background &amp; Title" title="Direct link to Background &amp; Title">​</a></h3><p>The <code>&lt;div&gt;</code> element has an &quot;id attribute&quot; set to &quot;verify&quot;. The <code>&lt;p&gt;</code> element contains the heading <strong><em>&quot;Verify Your Download.&quot;</em></strong> Both the element has classes for <em>background color</em> and <em>padding for the section</em> and <em>styling</em>, <em>alignment</em>, <em>text size</em> respectively.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">VerifyDownloads.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Import Component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">verify</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#101828] p-4 px-10 lg:px-20</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-center text-[#FCFCFD] text-2xl md:text-4xl pt-2 pb-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Verify Your Download</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Step 1 Section</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-1">Step 1<a href="#step-1" class="hash-link" aria-label="Direct link to Step 1" title="Direct link to Step 1">​</a></h3><ol><li><p>The first <code>&lt;div&gt;</code> element represents a container. It consists of <code>&lt;p&gt;</code> element contains the text <strong><em>&quot;Steps 1:&quot;</em></strong>.</p></li><li><p><code>{stepOne.map((step) =&gt; ( ... ))}</code> is a <em>JavaScript</em> expression that maps over the <code>stepOne</code> array to dynamically generate elements based on its contents.</p></li><li><p>The <code>&lt;p&gt;</code> element wraped inside two <code>div</code> elements displays the <strong>&quot;name&quot;</strong> of the operating system associated with the current step.</p></li><li><p>Similar <code>&lt;p&gt;</code> and <code>div</code> element displays the <strong><em>&quot;description&quot;</em></strong>, <strong><em>&quot;downloadable file name&quot;</em></strong>.</p></li><li><p><code>&lt;CopyToClipboard/&gt;</code> is a custom component that provides a copy-to-clipboard functionality for a particular file.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">VerifyDownloads.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Import Component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#1D2939] w-fit m-4 p-2 rounded-2xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#FFFFFF] w-max </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Steps 1:</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex mt-6 flex-col xl:flex-row md:flex-row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> stepOne</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">step</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">m-4 rounded-2xl mt-2 mb-2 bg-[#1D2939]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-4 rounded-t-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-[#FCFCFD] text-xl md:text-2xl pt-2 pb-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">nameOfOS</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#E4E7EC]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full relative mt-2 overflow-hidden</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-0 left-0 verifyDownloadGradient h-20 w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full h-fit flex justify-around align-middle p-3 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#E4E7EC] flex-1 mt-1 break-all</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">step</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">downloadableFileName</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CopyToClipboard</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">text</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">step</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">downloadableFileName</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Similarly more cards were added here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="step-2">Step 2<a href="#step-2" class="hash-link" aria-label="Direct link to Step 2" title="Direct link to Step 2">​</a></h3><ol><li><p>The first <code>&lt;div&gt;</code> element represents a container. It consists of <code>&lt;p&gt;</code> element containing the text <strong><em>&quot;Steps 2&quot;</em></strong>.</p></li><li><p>The <code>&lt;p&gt;</code> inside <code>&lt;div&gt;</code> element contains a <strong>description explaining</strong> the purpose of the verification process. Similar steps were carried out for <strong>SHA256SUMS</strong> information, file name and to display key.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">VerifyDownloads.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#1D2939] w-fit m-4 p-2 rounded-2xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#FFFFFF] w-max</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Steps 2:</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full mt-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#FFFFFF] ml-4 mb-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> In all the above cases, if the returned value matches with the sha256sum given below, your download is authentic.</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">m-4 rounded-2xl mt-2 mb-2 bg-[#1D2939]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">p-4 rounded-t-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-[#FCFCFD] text-xl md:text-2xl pt-2 pb-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> SHA256SUMS Below:</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#E4E7EC]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">IMAGE: tcetlinux-2023.05. 05-x86_64.iso</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">/* bg-gradient-to-r from-teal-100 via-indigo-500 to-pink-300 opacity-100 rounded-b-xl */</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full relative mt-2 overflow-hidden rounded-b-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute top-0 left-0 bg-gradient-to-r from-teal-100 via-indigo-500 to-pink-300 rounded-b-xl h-24 w-full opacity-50 blur-lg pointer-events-none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">z-20 w-full h-auto flex justify-around align-middle p-3 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#E4E7EC] flex-1 mt-1 break-all</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> cb9257aea691441a0a7c628b8cc199d7746220651daf035d261c6670ac1a2f49</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;CopyToClipboard client:load text= </span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot;cb9257aea691441a0a7c628b8cc199d7746220651daf035d261c6670ac1a2f49&quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> /&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="verification-explanation">Verification Explanation<a href="#verification-explanation" class="hash-link" aria-label="Direct link to Verification Explanation" title="Direct link to Verification Explanation">​</a></h3><p>This <code>&lt;div&gt;</code> element represents a container for the verification explanation section. This <code>&lt;img&gt;</code> element displays an <strong>&quot;image</strong> <strong>(an info icon)&quot;</strong>. The <code>&lt;p&gt;</code> element contains the explanation text for the verification process. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">VerifyDownloads.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex bg-[#1D2939] border-2 border-[#344054] rounded-xl m-4 p-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">infoIconImg</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-4 h-4 object-contain mt-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[#D0D5DD] ml-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> IMAGE is </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">code</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">iso-name.iso</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">code</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> in </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">step 1</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">b</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">. It is the file that you have downloaded. Verification is done to check the authenticity of the file you have downloaded. Large files may get corrupted in the download process. TCET Linux team provides a new checksum for every new release of the operating system.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Above steps give the following output:</strong></p><img loading="lazy" src="/assets/images/VerifySection-234d6307f8919468182dd42e125dfd45.png" style="border:2px solid gray" class="img_ev3q"><br><center><b><figcaption>TCET Linux- Verify Section</figcaption></b></center><br><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>You can visit</p><ol><li><a href="https://linux.tcetmumbai.in/#verify" target="_blank" rel="noopener noreferrer">Verification Section of the TCET Linux website</a></li><li><a href="https://github.com/tcet-opensource/tcet-linux-website/blob/main/src/components/VerifyDownloads.astro" target="_blank" rel="noopener noreferrer">VerifyDownloads.astro</a></li></ol></div></div><br><p><em>The <a href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads"><strong>Verification Section of Home Page</strong></a> was succesfully executed! You can visit the <strong><a href="https://linux.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">TCET Linux Website</a></strong> to see the output of the code.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/frontend-components/verify-downloads.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/installation-steps"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Installation Steps</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/about-tcet-linux"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">What is TCET Linux</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#verify-download-component" class="table-of-contents__link toc-highlight">Verify Download Component</a><ul><li><a href="#imports" class="table-of-contents__link toc-highlight">Imports</a></li><li><a href="#stepone" class="table-of-contents__link toc-highlight">stepOne</a></li></ul></li><li><a href="#html-markup" class="table-of-contents__link toc-highlight">HTML Markup</a><ul><li><a href="#background--title" class="table-of-contents__link toc-highlight">Background &amp; Title</a></li><li><a href="#step-1" class="table-of-contents__link toc-highlight">Step 1</a></li><li><a href="#step-2" class="table-of-contents__link toc-highlight">Step 2</a></li><li><a href="#verification-explanation" class="table-of-contents__link toc-highlight">Verification Explanation</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux-website/getting-started/index.html b/docs/projects/tcet-linux-website/getting-started/index.html index f0f109dc..a3e7324a 100644 --- a/docs/projects/tcet-linux-website/getting-started/index.html +++ b/docs/projects/tcet-linux-website/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><span itemprop="name">TCET Linux Website</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> TCET Linux is an <strong>operating software</strong> made while keeping all the <strong>important aspects</strong> of engineering in mind for the students at the college.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-the-site-on-your-local-system">Steps to run the site on your local system:<a href="#steps-to-run-the-site-on-your-local-system" class="hash-link" aria-label="Direct link to Steps to run the site on your local system:" title="Direct link to Steps to run the site on your local system:">​</a></h3><p>These are the steps you need to follow to get this site on your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-git-in-your-computer">Install Git in your computer<a href="#install-git-in-your-computer" class="hash-link" aria-label="Direct link to Install Git in your computer" title="Direct link to Install Git in your computer">​</a></h3><p>Follow these steps to install git in your computer.</p><ol><li>Go to <a href="https://git-scm.com/downloads" target="_blank" rel="noopener noreferrer">https://git-scm.com/downloads</a>.</li><li>Click on Windows. Download should start.</li><li>Go to downloads and install the package.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-repo">Clone the repo<a href="#clone-the-repo" class="hash-link" aria-label="Direct link to Clone the repo" title="Direct link to Clone the repo">​</a></h3><p>Open Git Bash in any folder and paste the following command</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tnp-website</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-nodejs">Install NodeJS<a href="#install-nodejs" class="hash-link" aria-label="Direct link to Install NodeJS" title="Direct link to Install NodeJS">​</a></h3><ol><li>Go to <a href="https://nodejs.org/en/download" target="_blank" rel="noopener noreferrer">https://nodejs.org/en/download</a></li><li>Select <b>Current</b>.</li><li>Download the 64-bit .msi version. Follow the steps and install NodeJS.</li></ol><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>It is important to have NodeJS in your system</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-the-folder-in-vs-code">Open the folder in VS Code<a href="#open-the-folder-in-vs-code" class="hash-link" aria-label="Direct link to Open the folder in VS Code" title="Direct link to Open the folder in VS Code">​</a></h3><ol><li>Install <a href="https://code.visualstudio.com/docs/?dv=win32user" target="_blank" rel="noopener noreferrer">VS Code</a> if not installed. </li><li>Open Windows Terminal in the folder you have cloned the repo, as done in <a href="#clone-the-repo">step 2</a>.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-important-packagesdependencies">Install Important Packages/Dependencies<a href="#install-important-packagesdependencies" class="hash-link" aria-label="Direct link to Install Important Packages/Dependencies" title="Direct link to Install Important Packages/Dependencies">​</a></h3><p>Install yarn globally </p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> -g </span><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can make changes to your respective files and changes will be shown once you have saved the file.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="commands-used-to-run-locally">Commands used to run locally<a href="#commands-used-to-run-locally" class="hash-link" aria-label="Direct link to Commands used to run locally" title="Direct link to Commands used to run locally">​</a></h3><ol><li>To run the commands, make sure that you have installed yarn globally first.</li><li>All commands are run from the root of the project, from a terminal</li></ol><p>Here are a set of commands used to run locally:</p><table><thead><tr><th><strong>Command</strong></th><th><strong>Action</strong></th></tr></thead><tbody><tr><td><code>yarn</code></td><td>Installs dependencies</td></tr><tr><td><code>yarn dev</code></td><td>Starts local dev server at <code>localhost:3000</code></td></tr><tr><td><code>yarn build</code></td><td>Build your production site to <code>./dist/</code></td></tr><tr><td><code>yarn preview</code></td><td>Preview your build locally, before deploying</td></tr><tr><td><code>yarn astro ...</code></td><td>Run CLI commands like <code>astro add</code>, <code>astro check</code></td></tr><tr><td><code>yarn astro --help</code></td><td>Get help using the Astro CLI</td></tr></tbody></table><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-after-a-pull--merge">Steps to run after a Pull / Merge:<a href="#steps-to-run-after-a-pull--merge" class="hash-link" aria-label="Direct link to Steps to run after a Pull / Merge:" title="Direct link to Steps to run after a Pull / Merge:">​</a></h3><ol><li>To install all dependencies</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>To run local dev environment</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><span class="token plain"> dev</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux-website/getting-started.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T14:10:40.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/about-tcet-linux-website"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">TCET Linux Website</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tech Stacks</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#steps-to-run-the-site-on-your-local-system" class="table-of-contents__link toc-highlight">Steps to run the site on your local system:</a></li><li><a href="#install-git-in-your-computer" class="table-of-contents__link toc-highlight">Install Git in your computer</a></li><li><a href="#clone-the-repo" class="table-of-contents__link toc-highlight">Clone the repo</a></li><li><a href="#install-nodejs" class="table-of-contents__link toc-highlight">Install NodeJS</a></li><li><a href="#open-the-folder-in-vs-code" class="table-of-contents__link toc-highlight">Open the folder in VS Code</a></li><li><a href="#install-important-packagesdependencies" class="table-of-contents__link toc-highlight">Install Important Packages/Dependencies</a></li><li><a href="#commands-used-to-run-locally" class="table-of-contents__link toc-highlight">Commands used to run locally</a></li><li><a href="#steps-to-run-after-a-pull--merge" class="table-of-contents__link toc-highlight">Steps to run after a Pull / Merge:</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/about-tcet-linux/index.html b/docs/projects/tcet-linux/about-tcet-linux/index.html index 63b4848b..117ff226 100644 --- a/docs/projects/tcet-linux/about-tcet-linux/index.html +++ b/docs/projects/tcet-linux/about-tcet-linux/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">TCET Linux</span><meta itemprop="position" content="2"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>TCET Linux</h1></header><p>TCET Linux is GNU/Linux distribution, based on Arch Linux built for enhancing college infrastructure and promoting Linux in software engineering education. There is a new release.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/about-tcet-linux.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-08-16T18:39:19.000Z">Aug 16, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux-website/frontend-components/verify-downloads"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Verify Download</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/getting-started/index.html b/docs/projects/tcet-linux/getting-started/index.html index a0facbc2..edd0551e 100644 --- a/docs/projects/tcet-linux/getting-started/index.html +++ b/docs/projects/tcet-linux/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/about-tcet-linux"><span itemprop="name">TCET Linux</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><div class="theme-admonition theme-admonition-warning alert alert--danger admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"></path></svg></span>minimum hardware requirements</div><div class="admonitionContent_S0QG"><p>Operating System development and testing is a resource intensive process. We recommend doing this on computers with atleast the following specifications:</p><ul><li>A 4C, 8T CPU, with each core running at 3.5 Ghz and above.<ol><li>Intel CPUs - 8th Gen core-i5 and above recommended</li><li>AMD CPUs - Zen 2 3000 series (AMD Ryzen 5 and above recommended)</li></ol></li><li>8 GB of RAM and above. We recommend setting up <code>SWAP</code> space for 8GB. We also recommend dual-channel memory if possible on your system. Overclock if possible.</li><li>Proper cooling for the CPU. Liquid cooling if possible or a good air-cooler. Stock coolers are discouraged.</li><li>Alot of disk space. Atleast 50GB.</li></ul></div></div><p>To start with development of TCET Linux, you need to have the following on your computer:</p><ul><li>Arch Linux or it&#x27;s derivative distribution that contain the official Arch repositories and use the EXT4 filesystem - TCET Linux, ALG, EndeavourOS, ArcoLinux are recommended options. (Manjaro and Garuda are discouraged)</li><li>Essential Packages - <code>archiso, base-devel, git, pacman-contrib</code></li><li>Properly configured Git version control system</li></ul><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="local-setup">Local Setup<a href="#local-setup" class="hash-link" aria-label="Direct link to Local Setup" title="Direct link to Local Setup">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-packages">Install packages<a href="#install-packages" class="hash-link" aria-label="Direct link to Install packages" title="Direct link to Install packages">​</a></h3><p>Install required packages:</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">sudo</span><span class="token plain"> pacman -Sy archiso </span><span class="token function" style="color:#d73a49">git</span><span class="token plain"> base-devel pacman-contrib</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-repositories">Clone repositories<a href="#clone-repositories" class="hash-link" aria-label="Direct link to Clone repositories" title="Direct link to Clone repositories">​</a></h3><p>Clone the following repositories:</p><ul><li><p>TCET Linux ISO Profile: </p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tcet-linux.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>TCET Linux Settings</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tcet-linux-settings.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Package Repository</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tcet-linux-applications.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>PKGBUILDs</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tcet-linux-pkgbuild.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Installer Config</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tcet-linux-installer-config.git</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setup-alias-for-resuable-command">Setup alias for resuable command<a href="#setup-alias-for-resuable-command" class="hash-link" aria-label="Direct link to Setup alias for resuable command" title="Direct link to Setup alias for resuable command">​</a></h3><ol><li>Open your <code>~/.bashrc</code> or <code>~/.zshrc</code> depeding on your shell. Enter the following alias into this file.</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token builtin class-name">alias</span><span class="token plain"> </span><span class="token assign-left variable" style="color:#36acaa">makeiso</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;sudo mkarchiso -v .&quot;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>Then evaluate your shell config. </li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token builtin class-name">source</span><span class="token plain"> ~/.bashrc</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>or</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token builtin class-name">source</span><span class="token plain"> ~/.zshrc</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/getting-started.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-07-01T15:14:19.000Z">Jul 1, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/about-tcet-linux"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">What is TCET Linux</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/iso-profile/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">ISO Profile</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#local-setup" class="table-of-contents__link toc-highlight">Local Setup</a><ul><li><a href="#install-packages" class="table-of-contents__link toc-highlight">Install packages</a></li><li><a href="#clone-repositories" class="table-of-contents__link toc-highlight">Clone repositories</a></li><li><a href="#setup-alias-for-resuable-command" class="table-of-contents__link toc-highlight">Setup alias for resuable command</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/iso-profile/bootloaders/index.html b/docs/projects/tcet-linux/iso-profile/bootloaders/index.html index 69dca94e..e732af30 100644 --- a/docs/projects/tcet-linux/iso-profile/bootloaders/index.html +++ b/docs/projects/tcet-linux/iso-profile/bootloaders/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/rootfs">Root File System</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/bootloaders">Bootloaders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/scripts">Scripts</a></li></ul></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/about-tcet-linux"><span itemprop="name">TCET Linux</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/iso-profile/"><span itemprop="name">ISO Profile</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Bootloaders</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Bootloaders used in Live ISO</h1></header></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/iso-profile/bootloaders.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-02T18:16:52.000Z">May 2, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/iso-profile/rootfs"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Root File System</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/iso-profile/scripts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Scripts</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/iso-profile/index.html b/docs/projects/tcet-linux/iso-profile/index.html index 445a3ef9..2162e08a 100644 --- a/docs/projects/tcet-linux/iso-profile/index.html +++ b/docs/projects/tcet-linux/iso-profile/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/rootfs">Root File System</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/bootloaders">Bootloaders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/scripts">Scripts</a></li></ul></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/about-tcet-linux"><span itemprop="name">TCET Linux</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">ISO Profile</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>ISO Profile</h1></header><p>The following is the TCET Linux ISO profile directory structure.</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">├── airootfs</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   ├── etc</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   │   └── Live ISO Configuration</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   ├── root</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   └── usr</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   └── Live ISO binaries, scripts </span><span class="token operator" style="color:#393A34">&amp;</span><span class="token plain"> libraries</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── bootableusb.sh </span><span class="token comment" style="color:#999988;font-style:italic">## script to create a bootable USB</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── cleanup.sh </span><span class="token comment" style="color:#999988;font-style:italic">## script to cleanup work folders</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── efiboot</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   └── loader</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   ├── entries</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   │   └── 01-archiso-x86_64-linux.conf</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   └── loader.conf</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── grub</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">│   └── grub.cfg </span><span class="token comment" style="color:#999988;font-style:italic">## UEFI/GPT Systems</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── LICENSE</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── packages.x86_64</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── pacman.conf</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── profiledef.sh </span><span class="token comment" style="color:#999988;font-style:italic">## profile definition script</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── README.md</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">├── services.sh </span><span class="token comment" style="color:#999988;font-style:italic">## script to enable systemd services</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">└── syslinux</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_head.cfg</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_pxe.cfg</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_pxe-linux.cfg </span><span class="token comment" style="color:#999988;font-style:italic">## Legacy/MBR Systems</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_sys.cfg</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_sys-linux.cfg</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── archiso_tail.cfg</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> ├── splash.png</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> └── syslinux.cfg</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/iso-profile/iso-profile.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-02T17:58:34.000Z">May 2, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/iso-profile/rootfs"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Root File System</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/iso-profile/rootfs/index.html b/docs/projects/tcet-linux/iso-profile/rootfs/index.html index 6149b35d..94f8ecd2 100644 --- a/docs/projects/tcet-linux/iso-profile/rootfs/index.html +++ b/docs/projects/tcet-linux/iso-profile/rootfs/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/rootfs">Root File System</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/bootloaders">Bootloaders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/scripts">Scripts</a></li></ul></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/about-tcet-linux"><span itemprop="name">TCET Linux</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/iso-profile/"><span itemprop="name">ISO Profile</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Root File System</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Undertanding the Root File System</h1></header></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/iso-profile/rootfs.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-02T18:12:26.000Z">May 2, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/iso-profile/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">ISO Profile</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tcet-linux/iso-profile/bootloaders"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Bootloaders</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tcet-linux/iso-profile/scripts/index.html b/docs/projects/tcet-linux/iso-profile/scripts/index.html index e0fdc31c..7be45743 100644 --- a/docs/projects/tcet-linux/iso-profile/scripts/index.html +++ b/docs/projects/tcet-linux/iso-profile/scripts/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/">ISO Profile</a><button aria-label="Toggle the collapsible sidebar category &#x27;ISO Profile&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/rootfs">Root File System</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/bootloaders">Bootloaders</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tcet-linux/iso-profile/scripts">Scripts</a></li></ul></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/about-tcet-linux"><span itemprop="name">TCET Linux</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tcet-linux/iso-profile/"><span itemprop="name">ISO Profile</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Scripts</span><meta itemprop="position" content="4"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Undertanding scripts</h1></header></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tcet-linux/iso-profile/scripts.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-02T18:16:52.000Z">May 2, 2023</time></b> by <b>demonkiller</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tcet-linux/iso-profile/bootloaders"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Bootloaders</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/category/resources"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Resources</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/about-tnp-website/index.html b/docs/projects/tnp-website/about-tnp-website/index.html index ecce9bee..42135a83 100644 --- a/docs/projects/tnp-website/about-tnp-website/index.html +++ b/docs/projects/tnp-website/about-tnp-website/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">T&amp;P Site</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>TCET Training and Placement Website</h1></header><blockquote><p><em>This is the official documentation of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">Training and Placement</a></strong> cell of <strong><a href="https://tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Mumbai</a></strong>, maintained by the <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong> Documentation team.</em></p></blockquote><img loading="lazy" src="/assets/images/tnp-website-c7ce8c149d2ba54a7b1d8f55e62983d9.png" style="border:2px solid gray" class="img_ev3q"><br><br><a id="intro"></a><p>The <strong>Training and Placement department</strong> serves as a bridge between the academic environment and the industry by establishing connections with various companies and organizations. The ultimate aim of the T&amp;P webiste is to <strong>make available the resources</strong> students need to know, to <strong>achieve their career goals</strong>. The website promotes student benefits and oppurtunities from Placements point of view. We have displayed every information in detail through the website, in order to provide the students with relevant first hand information. </p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="approach">Approach<a href="#approach" class="hash-link" aria-label="Direct link to Approach" title="Direct link to Approach">​</a></h2><p><strong>Here is the set of approach we kept in mind while designing our website:</strong></p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="1-header--navbar-redesigned">1. Header &amp; Navbar Redesigned<a href="#1-header--navbar-redesigned" class="hash-link" aria-label="Direct link to 1. Header &amp; Navbar Redesigned" title="Direct link to 1. Header &amp; Navbar Redesigned">​</a></h3><ul><li>Header and Navbar are supposed to be easy to use and are very important for User Experience (UX). </li><li>In comparison with the previous clunked Navbar design, we ensured that the new one works swiftly.</li><li>We redesigned the header and navbar with complete responsiveness to make it look clean and extremely easy to use.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="2-statistics">2. Statistics<a href="#2-statistics" class="hash-link" aria-label="Direct link to 2. Statistics" title="Direct link to 2. Statistics">​</a></h3><ul><li>Redesigning the statistics to give us an edge of transparency.</li><li>As Statistics holds an important place to determine the credibility of our services.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="3-recruiters">3. Recruiters<a href="#3-recruiters" class="hash-link" aria-label="Direct link to 3. Recruiters" title="Direct link to 3. Recruiters">​</a></h3><ul><li>Displaying top recruiters to the right in the main page above the hero section for instant visibility.</li><li>To grab students and parents attention visiting our website reflecting many good companies visit our college for placements.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="4-reflecting-more-credibility">4. Reflecting more credibility<a href="#4-reflecting-more-credibility" class="hash-link" aria-label="Direct link to 4. Reflecting more credibility" title="Direct link to 4. Reflecting more credibility">​</a></h3><ul><li>Display of awards received by T&amp;P Cell of our college is beautifully reflected in the website.</li><li>Displaying students achievements as well as top placed students.</li><li>Ensured displaying the testimonials of not just companies but also students.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="5-training-page">5. Training Page<a href="#5-training-page" class="hash-link" aria-label="Direct link to 5. Training Page" title="Direct link to 5. Training Page">​</a></h3><ul><li>We have smartly increased the focus from just pre-placements programs to each and every T&amp;P program which helps students with a better learning process.</li><li>We are also displaying the professional bodies under T&amp;P cell who have their own set of sessions and programs conducted whivh has helped students in developing skills.</li><li>Special mention of TCET Open Source because contributing to open source will provide anyone with a high edge over competition in the market.</li><li>We have also emphasized the fact that college level OSS org apart from TCET only exist in IIT Mumbai.</li><li>Constantly updating the site by mentioning the huge events happening in our college performed by various Professional Bodies of T&amp;P.</li><li>All the above points states how well we train our students to be industry ready and achieve an edge in the competition.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="6-placements--internship-page">6. Placements &amp; Internship Page<a href="#6-placements--internship-page" class="hash-link" aria-label="Direct link to 6. Placements &amp; Internship Page" title="Direct link to 6. Placements &amp; Internship Page">​</a></h3><ul><li>We have made changes in how we display the companies list. </li><li>We have included their logos which are under creative commons license and can be used by anyone.</li><li>We have also displayed statistics of all placed students and companies for proper transparency.</li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="7-industry-interaction--events">7. Industry Interaction &amp; Events<a href="#7-industry-interaction--events" class="hash-link" aria-label="Direct link to 7. Industry Interaction &amp; Events" title="Direct link to 7. Industry Interaction &amp; Events">​</a></h3><ul><li>Many industries visit our campus and talk to our students and interact with them. We display these interactions and experience of the industry expert in our website.</li><li>Promoting all the events conducting by T&amp;P Cell such as SDP, CCP, ACT etc.</li><li>Created a specific page for each event to provide detailed information, pictures and statistics.</li><li>All these factors will determine the prospective companies of how active we are. </li><li>These points will give industries the insights about our students being highly skilled and will influence them to reach out to us.</li></ul><br><blockquote><p><em>If you&#x27;re ready to get started with contributing to <strong><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></strong>, head over to our installation guide for step-by-step instructions on how to Get Started with the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP Website</a></strong>.</em></p></blockquote></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/about-tnp-website.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-29T07:45:46.000Z">Jun 29, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/docs-site/sidebar/multiple-sidebars"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Multiple Sidebars</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/directory-structure"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Directory Structure</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#approach" class="table-of-contents__link toc-highlight">Approach</a><ul><li><a href="#1-header--navbar-redesigned" class="table-of-contents__link toc-highlight">1. Header &amp; Navbar Redesigned</a></li><li><a href="#2-statistics" class="table-of-contents__link toc-highlight">2. Statistics</a></li><li><a href="#3-recruiters" class="table-of-contents__link toc-highlight">3. Recruiters</a></li><li><a href="#4-reflecting-more-credibility" class="table-of-contents__link toc-highlight">4. Reflecting more credibility</a></li><li><a href="#5-training-page" class="table-of-contents__link toc-highlight">5. Training Page</a></li><li><a href="#6-placements--internship-page" class="table-of-contents__link toc-highlight">6. Placements &amp; Internship Page</a></li><li><a href="#7-industry-interaction--events" class="table-of-contents__link toc-highlight">7. Industry Interaction &amp; Events</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/directory-structure/index.html b/docs/projects/tnp-website/directory-structure/index.html index 426e5b09..d6114f04 100644 --- a/docs/projects/tnp-website/directory-structure/index.html +++ b/docs/projects/tnp-website/directory-structure/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Directory Structure</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Directory Structure</h1></header></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/directory-structure.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-14T07:19:21.000Z">Jun 14, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/about-tnp-website"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">T&amp;P Website</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/getting-started"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/about-us/index.html b/docs/projects/tnp-website/frontend-components/about-us/index.html index e19c86d8..e82551ba 100644 --- a/docs/projects/tnp-website/frontend-components/about-us/index.html +++ b/docs/projects/tnp-website/frontend-components/about-us/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">About Us</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>About Us</h1></header><p>The <strong>About Us</strong> page of the website provides information about the training and placement organization. It is often one of the most visited pages as it helps visitors understand the purpose, history, and values of the entity. It is accesible through the navigation bar of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-contact-form">Adding Contact Form<a href="#adding-contact-form" class="hash-link" aria-label="Direct link to Adding Contact Form" title="Direct link to Adding Contact Form">​</a></h3><p><strong>Here are the steps on how we integrated Contact Form in About Us Component</strong></p><ol><li><p>Opening <code>ContactForm.tsx</code> file in our projects root directory.</p></li><li><p>Declared a functional component called <code>ContactForm</code> having it&#x27;s <code>&lt;form&gt;</code> element with the various attributes of the form. The email address that the form data will be sent to when submitted is specified here.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">ContactForm.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">ContactForm</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">form</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">action</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:tcet.tnp@thakureducation.org</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">method</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">GET</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> )</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Inside the <code>&lt;form&gt;</code> element, there are several form fields. The <code>&lt;label&gt;</code> elements provide a description for each form field, and the <code>&lt;input&gt;</code> and <code>&lt;textarea&gt;</code> elements are the actual input fields where the user can enter their data. There are used to fill <code>firstname</code>, <code>lastname</code>, <code>subject</code> and <code>messege</code> into the form. Each field has specific attributes like <code>type</code>, <code>placeholder</code>, <code>name</code>, <code>cols</code>, and <code>rows</code> to define its behavior and appearance. There&#x27;s a <code>&lt;button&gt;</code> element at the end of the form with styling classes.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">ContactForm.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">ContactForm</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">form className</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;flex flex-col gap-4&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> action</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;mailto:tcet.tnp@thakureducation.org&quot;</span><span class="token plain"> method</span><span class="token operator" style="color:#393A34">=</span><span class="token string" style="color:#e3116c">&quot;GET&quot;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">label</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-sm pb-1 text-slate-600</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">First Name</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">label</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">input</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Eg: John Doe</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-11 bg-gray-50 border border-gray-200 rounded-lg p-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Similar for Last Name and Subject</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">label</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-sm pb-1 text-slate-600 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Message</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">label</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">textarea</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">name</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">body</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-area</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">cols</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">15</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">rows</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">5</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-gray-50 border border-gray-200 rounded-lg p-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Enter your message</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex w-max justify-center items-center bg-blue-500 rounded-lg py-2 px-12 text-white text-base hover:bg-blue-400 mt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">placeholder</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">message</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">submit</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Submit</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">form</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> );</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">};</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment. </p></li></ol><p><strong>On executing the above steps, the form look like this:</strong></p><img loading="lazy" src="/assets/images/ContactForm_img-7a171ff2e9c4ed51122e79d4c6323e19.png" style="border:2px solid gray" class="img_ev3q"><br><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-staff-cards">Adding Staff Cards<a href="#adding-staff-cards" class="hash-link" aria-label="Direct link to Adding Staff Cards" title="Direct link to Adding Staff Cards">​</a></h3><p><strong>How to add Staff and their Information to the page</strong></p><ol><li><p>Opening <code>Staff.tsx</code> file in our projects root directory.</p></li><li><p>An array of staff data in the format is defined by the <code>StaffTNP</code> type. The <code>StaffTNP</code> type defines the structure of each staff member&#x27;s information, such as <code>staffPhoto</code>, <code>StaffName</code>, <code>designation</code>, and <code>experties</code>. This information can be changes using these attributes.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Staff.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">Staff</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">StaffTNP</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:flex grid grid-cols-1 md:justify-between pt-4 flex-wrap gap-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">staff</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">StaffPost</span><span class="token tag" style="color:#00009f"> </span><span class="token tag spread punctuation" style="color:#393A34">{</span><span class="token tag spread operator" style="color:#393A34">...</span><span class="token tag spread" style="color:#00009f">staff</span><span class="token tag spread punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token maybe-class-name">Staff</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">StaffPost</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter literal-property property" style="color:#36acaa">staffInfo</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">StaffTNP</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">border bg-[#f9fafb] rounded-lg p-4 flex flex-col justify-center items-center gap-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;/Testimonials/&quot;</span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f">staffInfo</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">staffPhoto</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">staffFoto</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-52 rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-semibold</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">staffInfo</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access maybe-class-name">StaffName</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">staffInfo</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">designation</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-[#E4E7EC] px-3 py-2 rounded-lg text-sm w-full text-slate-600 text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">staffInfo</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">experties</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p>Add the staff images in the appropriate directory <code>(/Testimonials/)</code> relative to the staff.</p><ol start="3"><li><p>Save the changes to the file.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for adding multiple cards <strong><a href="#adding-staff-cards">Staff Cards</a></strong>. </p></div></div><p><strong>On executing the above steps, the staff section looks like this:</strong></p><img loading="lazy" src="/assets/images/Staff_img-fe11bf32f24c2f04944dc190a02c277c.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><em>After successfully implementing the <strong><a href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></strong> component of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP (Training and Placement)</a></strong> website, the next step we did was to move forward with the implementation of <strong><a href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/about-us.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/top-recruiters"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Top Recruiters</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/footer"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Footer</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-contact-form" class="table-of-contents__link toc-highlight">Adding Contact Form</a></li><li><a href="#adding-staff-cards" class="table-of-contents__link toc-highlight">Adding Staff Cards</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/attendance-chart/index.html b/docs/projects/tnp-website/frontend-components/attendance-chart/index.html index c256ee10..ceb10835 100644 --- a/docs/projects/tnp-website/frontend-components/attendance-chart/index.html +++ b/docs/projects/tnp-website/frontend-components/attendance-chart/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Attendance Chart</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Attendance Chart</h1></header><p>The <strong>Attendance-Chart</strong> component provided is a reusable component designed to display attendance data in the form of a bar chart.It is accesible through the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-attendance-chart">Adding Attendance Chart<a href="#adding-attendance-chart" class="hash-link" aria-label="Direct link to Adding Attendance Chart" title="Direct link to Adding Attendance Chart">​</a></h3><p><strong> Let&#x27;s understand how to add the Attendance Bar Chart to the Page</strong></p><ol><li><p>Opening <code>index.tsx</code> of the <code>Attendance-Chart</code> component file in our projects root directory.</p></li><li><p>Define the <code>AttendanceChart</code> component using the <code>React.FC</code> type. It accepts props of <code>type { data: ChartData&lt;&quot;bar&quot;&gt;, title: string }</code>. The <code>data</code> prop represents the chart data, and the <code>title</code> prop represents the chart title.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">AttendanceChart</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">ChartData</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token string" style="color:#e3116c">&quot;bar&quot;</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Component code goes here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Render the <code>Bar</code> component from <code>Chart.js</code> within the <code>&lt;div&gt;</code> element. Pass the <code>data</code> prop to provide the chart data, and use the <code>optionGenerator</code> function to generate the `<code>chart options based on the </code>title` prop.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Bar</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">options</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript function" style="color:#d73a49">optionGenerator</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">title</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment. </p></li></ol><p><strong>On executing the above steps, the individual attendance bar charts look like this:</strong></p><img loading="lazy" src="/assets/images/Testimonial_img-9347b26298ded7e097723b9f02fceb9c.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><em>We inserted this <strong><a href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></strong> in many of our events and other pages of <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP Website</a></strong>. Next we will be seeing on how we integrated the <strong><a href="/docs/projects/tnp-website/frontend-components/placement">Placements</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/attendance-chart.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-26T14:27:22.000Z">Jun 26, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/training"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Training</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/placement"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Placement</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-attendance-chart" class="table-of-contents__link toc-highlight">Adding Attendance Chart</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/companies/index.html b/docs/projects/tnp-website/frontend-components/companies/index.html index b9f13c60..c5471dfe 100644 --- a/docs/projects/tnp-website/frontend-components/companies/index.html +++ b/docs/projects/tnp-website/frontend-components/companies/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Companies</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Companies</h1></header><p>The <strong>Companies</strong> page of the website gives you information about various companies that visit the institute for the placement procedure. It is accesible through the Placement section on the navigation bar of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-company-card-to-the-page">Adding Company Card to the page<a href="#adding-company-card-to-the-page" class="hash-link" aria-label="Direct link to Adding Company Card to the page" title="Direct link to Adding Company Card to the page">​</a></h3><p><strong>How to add the Company Card to the page</strong></p><ol><li><p>Opening <code>CompanyCard.tsx</code> file in our projects root directory.</p></li><li><p>The <code>CompanyCard</code> component is defined as a functional component that accepts two props: <code>img</code> and <code>name</code>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CompanyCard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">CompanyCard</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;</span><span class="token plain"> </span><span class="token maybe-class-name">CompanyCardType</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> img</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> name </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col items-center justify-center gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;/InternshipHero/&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f"> img</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">company-logo</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-base text-xs text-center text-slate-600</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">name</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>An <code>&lt;img&gt;</code> element is added to display the company logo. The <code>alt</code> attribute is set to &quot;company-logo&quot; for accessibility purposes. The <code>name</code> prop is used to populate the content of the <code>&lt;p&gt;</code> element.</p></li><li><p>The companies section is divided into different sub sections including <strong>Super Dream Companies</strong>, <strong>Dream Companies</strong>, <strong>Normal</strong> and <strong>Core Companies</strong>. The company card is added to the page as per the category of the company.</p></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the Company cards look like this:</strong></p><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"><br><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-read-more-button">Adding Read More Button<a href="#adding-read-more-button" class="hash-link" aria-label="Direct link to Adding Read More Button" title="Direct link to Adding Read More Button">​</a></h3><p><strong>How to display the company in the ReadMore section</strong></p><ol><li><p>Opening <code>ReadMore.tsx</code> file in our projects root directory.</p></li><li><p>The <code>ReadMore</code> component is defined as a functional component that accepts two props: <code>companies</code> (an array of CompanyCardType) and <code>title</code> (a string representing the section title). The <code>useState</code> hook is imported which determines whether the &quot;Read More&quot; section is expanded or collapsed.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">ReadMore.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">ReadMore</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">companies</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">CompanyCardType</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> companies</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">readMore</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setReadMore</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>A <code>&lt;button&gt;</code> element is added and it has a click event handler attached to the <code>onClick</code> attribute, which toggles the <code>readMore</code> state when clicked. Inside the <code>&lt;button&gt;</code> element, there is a text label &quot;Read More&quot; and an SVG icon representing an arrow.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">ReadMore.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-max py-2 px-4 flex text-slate-600 gap-x-2 items-center border rounded-full </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> bg-gray-50 hover:bg-gray-100 active:bg-gray-50 transition-all ml-auto mr-8 mb-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setReadMore</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript operator" style="color:#393A34">!</span><span class="token tag script language-javascript" style="color:#00009f">readMore</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Read More</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 24 24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeWidth</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">2</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">currentColor</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-6 h-6 text-slate-500 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinecap</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">// Other parts of the code</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text">)</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>A grid layout is used to display the company cards. The grid is responsive and adapts the number of columns based on screen size. The <code>companies</code> prop is mapped over to render multiple <code>CompanyCard</code> components, passing the <code>name</code> and <code>img</code> props.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">ReadMore.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Code from last section</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">readMore </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setReadMore</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript boolean" style="color:#36acaa">false</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-screen h-screen bg-black bg-opacity-60 fixed transition-opacity top-0 left-0 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Styling</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pb-4 lg:pb-6 xl:pb-10 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-2xl 2xl:text-3xl text-center font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">grid max-h-[70%] overflow-scroll grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 justify-around gap-6 xl:gap-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">companies</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">c</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CompanyCard</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">name</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">c</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">img</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">c</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">img</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p> Similar steps were carried out for adding multiple categories of <strong><a href="#adding-company-card-to-the-page">Companies</a></strong>. </p></div></div><p><strong>On executing the above steps, the Read More Section look like this:</strong></p><img loading="lazy" src="/assets/images/ReadMore_img-8de69a4e8dcf82a29ab0e8a364cd9756.png" style="border:2px solid gray" class="img_ev3q"><br><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-company-details">Adding Company Details<a href="#adding-company-details" class="hash-link" aria-label="Direct link to Adding Company Details" title="Direct link to Adding Company Details">​</a></h3><p><strong>How to add the company details</strong></p><ol><li><p>Opening <code>index.astro</code> file in the <code>Companies</code> component in our projects root directory.</p></li><li><p>The <code>Props</code> interface is defined, which specifies the prop types expected by the component. It is used to edit properties such as <code>companies</code> (an array of CompanyCardType), <code>title</code> (a string representing the section title), <code>subtitle</code> (an optional string for a subtitle), and <code>background</code> (a string representing the background color).</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">Props</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">companies</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">CompanyCardType</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> subtitle</span><span class="token operator" style="color:#393A34">?</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// readMore?: boolean;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">background</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> companies</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> title</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> subtitle</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> background </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token maybe-class-name">Astro</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">props</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>strippedCompanies</code> array is mapped over to render <code>CompanyCard</code> components, passing the <code>img</code> and <code>name</code> props. Conditional rendering is used to display the <code>ReadMore</code> component if the companies array length is greater than 12. The <code>title</code> and <code>companies</code> props are passed to the <code>ReadMore</code> component.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> strippedCompanies</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CompanyCard</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">img</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">img</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">name</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> companies</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">length</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">12</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">ReadMore</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">title</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">title</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">companies</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">companies</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><em>The <a href="/docs/projects/tnp-website/frontend-components/companies"><strong>Companies</strong></a> section was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tnp-website/frontend-components/top-recruiters"><strong>Top Recruiters</strong></a> section of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/companies.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/event-page"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Event Page</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/top-recruiters"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Top Recruiters</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-company-card-to-the-page" class="table-of-contents__link toc-highlight">Adding Company Card to the page</a></li><li><a href="#adding-read-more-button" class="table-of-contents__link toc-highlight">Adding Read More Button</a></li><li><a href="#adding-company-details" class="table-of-contents__link toc-highlight">Adding Company Details</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/components/index.html b/docs/projects/tnp-website/frontend-components/components/index.html index 2b2b7daa..61b2525c 100644 --- a/docs/projects/tnp-website/frontend-components/components/index.html +++ b/docs/projects/tnp-website/frontend-components/components/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><main class="docMainContainer_gTbr docMainContainerEnhanced_Uz_u"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><div class="theme-doc-markdown markdown"><header><h1>Components</h1></header><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>find the components</div><div class="admonitionContent_S0QG"><p><a href="https://github.com/tcet-opensource/tnp-website/tree/main/src/components" target="_blank" rel="noopener noreferrer">https://github.com/tcet-opensource/tnp-website/tree/main/src/components</a></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/components.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/event-page/index.html b/docs/projects/tnp-website/frontend-components/event-page/index.html index 1634c902..696f3076 100644 --- a/docs/projects/tnp-website/frontend-components/event-page/index.html +++ b/docs/projects/tnp-website/frontend-components/event-page/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Event Page</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Event Page</h1></header><p>The <strong>Event</strong> page of the website gives you information about various training and placement events falling under aptitude training and student development programs. It is accesible through the navigation bar of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-carousel-to-the-hero-section">Adding Carousel to the Hero Section<a href="#adding-carousel-to-the-hero-section" class="hash-link" aria-label="Direct link to Adding Carousel to the Hero Section" title="Direct link to Adding Carousel to the Hero Section">​</a></h3><p><strong>Here are the steps we performed to add a Caraousel in our Event page</strong></p><ol><li><p>Opening <code>HeroCarousel.tsx</code> file in our projects root directory.</p></li><li><p>The array of objects named <code>heroSlideObj</code> that contains the image links and alt text for the event, will be loacted. For each object in the array, it generates a <code>&lt;SwiperSlide&gt;</code> component with an <code>&lt;img&gt;</code> element inside.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroCarousel.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> heroSlideObj </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">img</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;EventPage.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">alt</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Event 1&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>&lt;Swiper&gt;</code> component is rendered, which is a container for the event images. It accepts several props to configure its behavior and appearance. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroCarousel.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> heroSlide </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> heroSlideObj</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">/EventsPage/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">data</span><span class="token tag script language-javascript template-string interpolation punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript template-string interpolation property-access" style="color:#00009f">img</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">object-cover h-full w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">alt</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>modules</code> prop is used to specify additional modules for the <code>Swiper</code> library. The <code>autoplay</code> prop is used to enable autoplay for the slideshow. The <code>spaceBetween</code> prop defines the spacing between each slide. The <code>slidesPerView</code> prop sets the number of slides to display at once. The <code>onSwiper</code> and <code>onSlideChange</code> props are optional event handlers. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroCarousel.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-auto xl:w-[540px] lg:w-[480px] md:w-full border rounded-lg xl:rounded-xl </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// install Swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">autoplay</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">delay</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">3000</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onSwiper</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript parameter" style="color:#00009f">swiper</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript console class-name" style="color:#00009f">console</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript method function property-access" style="color:#d73a49">log</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">swiper</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onSlideChange</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript console class-name" style="color:#00009f">console</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript method function property-access" style="color:#d73a49">log</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;slide change&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">heroSlide</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Each object should have a <code>img</code> property that specifies the image file name and an<code>alt</code> property that specifies the alternative text for the image.</p></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment. </p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-purpose-of-the-event-section">Adding Purpose of the Event Section<a href="#adding-purpose-of-the-event-section" class="hash-link" aria-label="Direct link to Adding Purpose of the Event Section" title="Direct link to Adding Purpose of the Event Section">​</a></h3><p><strong>After adding Carousel, let&#x27;s have a look at how we implemented the Purpose of the Event Section</strong></p><ol><li><p>Opening <code>index.astro</code> file inside the <code>Hero</code> component our projects root directory.</p></li><li><p>Locate the following code snippet inside the component or section where you want to display it.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> //Other styling</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:w-1/2 pr-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-[42px] font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Purpose</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-lg text-sm font-sans font-light text-[#475466]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">purpose</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:w-1/2 w-full h-full lg:mt-0 mt-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Hero</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">heroSlideObj</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">heroSlideObj</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Other parts of the component</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Replace the <code>{/* Add your purpose text here */}</code> comment with the actual purpose text you want to display.</p></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the individual cards look like this:</strong></p><img loading="lazy" src="/assets/images/Hero_img-d7c3b1f5f41598d9ed70b60136764950.png" style="border:2px solid gray" class="img_ev3q"><br><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-objective-of-the-event-section">Adding Objective of the Event Section<a href="#adding-objective-of-the-event-section" class="hash-link" aria-label="Direct link to Adding Objective of the Event Section" title="Direct link to Adding Objective of the Event Section">​</a></h3><p><strong>Let&#x27;s have a look at how we integrated this section in our Event page.</strong></p><ol><li><p>Opening <code>index.astro</code> file inside the <code>Testimonial</code> component our projects root directory.</p></li><li><p>Insert the following code snippet into your HTML or JSX file where you want to display the objective:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Other parts and styling of the container</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-[42px] mb-[15px]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Objective</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-lg text-sm font-sans font-light text-[#475466] lg:w-[60%] md:w-[70%]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">objective</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Other parts of the container</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Replace <code>{objective}</code> in the code with the actual variable or string that contains the <code>objective</code> content. This is where you provide the objective text that you want to display on the page.</p></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><img loading="lazy" src="/assets/images/objective-49e80433cd5ce9b8477b5fcdac8e5eb8.png" style="border:2px solid gray" class="img_ev3q"><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-testimonial-section">Adding Testimonial Section<a href="#adding-testimonial-section" class="hash-link" aria-label="Direct link to Adding Testimonial Section" title="Direct link to Adding Testimonial Section">​</a></h3><p><strong>Let&#x27;s understand how we add the statistics testimonial to the event page</strong></p><ol><li><p>Opening <code>Testimonial.jsx</code> file in our projects root directory.</p></li><li><p>Create a new functional component called <code>Testimonial</code> and pass the <code>data</code> prop to it.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Testimonial.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function maybe-class-name" style="color:#d73a49">Testimonial</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// ... code continues</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token plain">`</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Inside the <code>Testimonial</code> component, map through the <code>data</code> array to create <code>SwiperSlide</code> components dynamically. This will generate a testimonial slide for each item in the <code>data</code> array.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Testimonial.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token maybe-class-name">TestiSlide</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> h-auto border-none rounded-lg xl:rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">background</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;radial-gradient(61.56% 85.33% at 50% 100%, rgba(212, 185, 255, 0.7) 0%, rgba(241, 232, 255, 0.3) 100%)&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* ... testimonial content */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Here, you can edit objects containing testimonial information such as <code>review</code>, <code>photo</code>, <code>position</code>, <code>name</code>, and <code>department</code>. Update the paths of the images or adjust the styling as desired.</p></li><li><p>Configure the <code>Swiper</code> component&#x27;s properties such as <code>autoplay</code>, <code>pagination</code>, and <code>breakpoints</code> according to your requirements.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Testimonial.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-auto my-7</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Pagination</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">autoplay</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">delay</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">3000</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">pagination</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">clickable</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript boolean" style="color:#36acaa">true</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">32</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">breakpoints</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">640</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript comment" style="color:#999988;font-style:italic">// Other config properties</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onSwiper</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript parameter" style="color:#00009f">swiper</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript console class-name" style="color:#00009f">console</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript method function property-access" style="color:#d73a49">log</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript" style="color:#00009f">swiper</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onSlideChange</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript console class-name" style="color:#00009f">console</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript method function property-access" style="color:#d73a49">log</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;slide change&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token maybe-class-name">TestiSlide</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* ... other elements */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">swiper-pagination</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the file to update the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the individual cards look like this:</strong></p><img loading="lazy" src="/assets/images/Testimonial_img-9347b26298ded7e097723b9f02fceb9c.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><strong>How to add information to the testimonial</strong></p><ol><li><p>Opening <code>index.astro</code> file in <code>Testimonial</code> component in our projects root directory.</p></li><li><p>Inside the <code>testiObj</code> array of the code, add a faculty&#x27;s details which would be defined as follows:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> testiObj </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Name of the Faculty&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">photo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/faculty-image.jpg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">review</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Reviews and detail about the Faculty&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Position of the Faculty&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">department</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Department of the Faculty&quot;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Edit the above terms <code>name</code>. <code>photo</code>, <code>review</code>, <code>position</code>, <code>department</code> to include the faculty information to the testimonial. </p></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-outcome-section">Adding Outcome Section<a href="#adding-outcome-section" class="hash-link" aria-label="Direct link to Adding Outcome Section" title="Direct link to Adding Outcome Section">​</a></h3><p><strong>Let&#x27;s understand how to add the Outcome Section to the Event Page</strong></p><ol><li><p>Opening <code>index.astro</code> file in <code>Outcome</code> component in our projects root directory.</p></li><li><p>Define an interface called <code>Props</code> that includes a property <code>outcomes</code> of type <code>string[].</code></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">interface</span><span class="token plain"> </span><span class="token class-name">Props</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">outcomes</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Use the <code>map</code> function to iterate over the <code>outcomes</code> array and generate a <code>&lt;p&gt;</code> element for each outcome.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">outcomes</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">item</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-lg text-sm font-sans font-light text-475466 lg:w-60% md:w-70% py-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">index</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">item</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the file.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the individual cards look like this:</strong></p><img loading="lazy" src="/assets/images/outcomes_img-ec5d4a8bbcdc9fd23cb77e1365411507.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><em>Congratulations, we have successfully implemented the <a href="/docs/projects/tnp-website/frontend-components/event-page"><strong>Event Page</strong></a>. Let&#x27;s continue to find out how we implemented the <a href="/docs/projects/tnp-website/frontend-components/companies"><strong>Companies</strong></a> Section of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP website</strong></a>. </em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/event-page.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-26T14:27:22.000Z">Jun 26, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/industry-interaction"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Industry Interaction</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/companies"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Companies</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-carousel-to-the-hero-section" class="table-of-contents__link toc-highlight">Adding Carousel to the Hero Section</a></li><li><a href="#adding-purpose-of-the-event-section" class="table-of-contents__link toc-highlight">Adding Purpose of the Event Section</a></li><li><a href="#adding-objective-of-the-event-section" class="table-of-contents__link toc-highlight">Adding Objective of the Event Section</a></li><li><a href="#adding-testimonial-section" class="table-of-contents__link toc-highlight">Adding Testimonial Section</a></li><li><a href="#adding-outcome-section" class="table-of-contents__link toc-highlight">Adding Outcome Section</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/footer/index.html b/docs/projects/tnp-website/frontend-components/footer/index.html index da55d61d..e993cbec 100644 --- a/docs/projects/tnp-website/frontend-components/footer/index.html +++ b/docs/projects/tnp-website/frontend-components/footer/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Footer</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Footer</h1></header><p>The footer component is a section of a web page that is placed at the bottom and is separate from the main content area. It serves as a container for information that is relevant to the entire page. In the footer component, we have included <strong>Google map of the institution</strong> as well as the <strong>written address, navigation links, contact details, copyright notices</strong>, and other supplementary information.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="map-component">Map Component<a href="#map-component" class="hash-link" aria-label="Direct link to Map Component" title="Direct link to Map Component">​</a></h2><p>This component is represented by the HTML program which includes a map embedded from Google Maps and an address description.</p><p><strong>Here&#x27;s the implemented code:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Map And Address */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full lg:w-1/3 xl:w-1/3 m-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">iframe</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3767.7457229439237!2d72.87241691481825!3d19.20630535285474!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7b0e57647569d%3A0xc0aec329c82d3555!2sThakur%20College%20of%20Engineering%20and%20Technology!5e0!3m2!1sen!2sin!4v1680794472903!5m2!1sen!2sin</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">border</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">0</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">width</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;100%&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">height</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;27vh&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">loading</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lazy</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">referrer-policy</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">no-referrer-when-downgrade</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">iframe</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-4 text-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-justify</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Thakur College Of Engineering And Technology. A-Block, Thakur</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Educational Campus, Shyamnarayan Thakur Marg, Thakur Village,</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Kandivali(E). Mumbai - 400101.</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s a breakdown explanation of the map component:</strong></p><ol><li><p>The first <code>div</code> element is applied with multiple CSS classes. These are defined with attributes for styling puposes.</p></li><li><p>The <code>div</code> element in the next line contains <code>&lt;iframe&gt;</code> element, which is added in the code to embed content from another source. Here, the <code>src</code> atribute is <strong>Google Maps embed URL</strong>, which is used to display map of the college in the footer. The CSS classes have been applied.</p></li><li><p>The <code>loading</code> attribute is set to <strong>lazy</strong>, which indicates that iframe should be loaded only when it becomes fully visible. </p></li><li><p>The <code>referrer-policy</code> is set to <strong>no-referrer-when-downgrade</strong> which is used to restrict the referrer information when loading the embedded Google Maps content. This helps in protecting user&#x27;s privacy and security.</p></li><li><p>The next <code>div</code> element introduces the <code>&lt;p&gt; paragraph</code> element. It represents the paragraph of text that describes the <strong>college address</strong>. There are CSS classes applied to the element as per our specifications.</p></li></ol><figure><center><img loading="lazy" src="/assets/images/Map-952e8da38c03cc38ab64a0861c8f71b2.png" style="border:2px solid gray" class="img_ev3q"><b><figcaption>Map Component</figcaption></b></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="navigation-component">Navigation Component<a href="#navigation-component" class="hash-link" aria-label="Direct link to Navigation Component" title="Direct link to Navigation Component">​</a></h2><p>The code for this section is represented by the HTML language which creates a navigation menu.</p><p><strong>Here&#x27;s the implemented code:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Nav as */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-10 md:mt-0 w-full lg:w-1/3 m-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">grid grid-rows gap-2 text-left md:text-center</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/about</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Home</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/download</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Download</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/media</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Media</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/news</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">News</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/mandatory-disclosure</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Mandatory Disclosure</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/disclaimer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Disclaimer</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/content-policy</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Content Policy</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s a breakdown explanation of the navigation component:</strong></p><ol><li><p>The <code>div</code> element in the code is used for <strong>styling purposes</strong> with multiple CSS classes applied. The next <code>div</code> element have classes which is responsible for <strong>layout &amp; alignment</strong> of the navigation links.</p></li><li><p>There are <code>&lt;a&gt; anchor</code> elements present in the incoming code which represents the <strong>navigation links</strong>. Each link is wrapped inside the <code>&lt;a&gt;</code> element with <strong>hover</strong> effect applied to it. </p></li><li><p>The <code>href</code> attribute specifies the <strong>destination URL</strong> for each link.</p></li><li><p>The overall section of the code generates a navigation menu with several links which is used to navigate different pages of the website. </p></li></ol><figure><center><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"><b><figcaption>Navigation Component</figcaption></b></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="contact--copyrights-component">Contact &amp; Copyrights Component<a href="#contact--copyrights-component" class="hash-link" aria-label="Direct link to Contact &amp; Copyrights Component" title="Direct link to Contact &amp; Copyrights Component">​</a></h2><p>The code for this section is represented by the HTML language which displays contact information and copyright details.</p><p><strong>Here&#x27;s the implemented code:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Contacts and CopyRight */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full lg:w-1/3 mt-10 md:mt-0 m-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-base</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline mr-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/misc/phone.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">phone</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tel:022-28461891</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> 022 - 28461891</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> /</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tel:022-67308000</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> 022 - 67308000</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> ,</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tel:022-67308106</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> 67308106</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> /</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tel:022-67308107</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> 07</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline mr-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/misc/email.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">email</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mailto:tcet.tnp@thakureducation.org</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> tcet.tnp@thakureducation.org</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline mr-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/misc/website.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">website</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">inline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Websites:</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.tcetmumbai.in</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> www.tcetmumbai.in</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> /</span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">https://www.thakureducation.org</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> www.thakureducation.org</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> © 2023 Thakur College of Engineering and Technology. All Rights Reserved.</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><strong>Here&#x27;s a breakdown explanation of this component:</strong></p><ol><li><p>There the <code>div</code> elements with multiple CSS classes. Majorly for styling purposes and to set the font for the content inside it.</p></li><li><p>The below section of the code is to display the phone contact information. the <code>&lt;img&gt;</code> element is used to display the image of the <strong>phone icon</strong>. The <code>src</code> element is used to define the <strong>source or file path</strong>. There is <code>inline CSS</code> used to make the image and the content <strong>display inline</strong>.</p></li><li><p>The <code>&lt;p&gt;</code> element in the code conatins theb <code>&lt;a&gt;</code> elements which represents phone numbers. Each phone number is wrapped inside the <code>&lt;a&gt;</code> anchor element and has the <code>underline</code> attribute applied.</p></li><li><p>The <code>underline</code> attribute adds an <strong>underline</strong> to the content. Here, <code>href</code> attribute is set to the respective <strong>phone number links</strong>.</p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for adding <strong><a href="mailto:tcet.tnp@thakureducation.org" target="_blank" rel="noopener noreferrer">tcet.tnp@thakureducation.org</a></strong>, <strong><a href="https://www.tcetmumbai.in" target="_blank" rel="noopener noreferrer">www.tcetmumbai.in</a></strong> &amp; <strong><a href="https://www.thakureducation.org" target="_blank" rel="noopener noreferrer">www.thakureducation.org</a></strong> in this section.</p></div></div><ol start="5"><li>To display the copyright content, a <code>div</code> element with <code>&lt;p&gt;</code> paragraph element inside it is used. The content <strong>&quot;© 2023 Thakur College of Engineering and Technology. All Rights Reserved.&quot;</strong> is wrapped inside the paragraph element.</li></ol><figure><center><img loading="lazy" src="/assets/images/Contact-7c90ea7da1d10eb33ba881b7e7ef4b7d.png" style="border:2px solid gray" class="img_ev3q"><b><figcaption>Contacts &amp; Copyrights Component</figcaption></b></center></figure><p><strong>Let&#x27;s take a view of the complete Footer Component:</strong></p><figure><center><img loading="lazy" src="/assets/images/footer-8ccf4460d7644989ddb9418b8d1ee81c.png" style="border:2px solid gray" class="img_ev3q"><b><figcaption>Footer Component</figcaption></b></center></figure><p><em>After successfully implementing the <strong><a href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></strong> component of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP (Training and Placement)</a></strong> website, we were ready with out frontend part of the website. Next, we will be seeing on how we incorporated the backend of <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP (Training and Placement)</a></strong> website.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/footer.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/about-us"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">About Us</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/fmc-website/about-fmc-website"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting Started</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#map-component" class="table-of-contents__link toc-highlight">Map Component</a></li><li><a href="#navigation-component" class="table-of-contents__link toc-highlight">Navigation Component</a></li><li><a href="#contact--copyrights-component" class="table-of-contents__link toc-highlight">Contact &amp; Copyrights Component</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/header/index.html b/docs/projects/tnp-website/frontend-components/header/index.html index 50d4823b..43f575b8 100644 --- a/docs/projects/tnp-website/frontend-components/header/index.html +++ b/docs/projects/tnp-website/frontend-components/header/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Header</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Header</h1></header><p>The <strong>Header</strong> section is an informative element which is present at the top of every page of the website. With its navigational features, it facilitates easy access to each and every page of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>Training and Placement Website</strong></a>. It consists of <strong>TCET Logo</strong>, <strong>Thakur Educational Group Logo</strong>, <strong>Title &amp; Description</strong> and a <strong>Menu</strong> presenting a list of links to different pages. Hence providing essential information and contributing to user-friendly experience. </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mobile-navigation-menu">Mobile Navigation Menu<a href="#mobile-navigation-menu" class="hash-link" aria-label="Direct link to Mobile Navigation Menu" title="Direct link to Mobile Navigation Menu">​</a></h3><p>In order to create a menu for smaller screens for TNP website, we need to create a react functional component <strong>&quot;MobileNav&quot;</strong> which will display collapsible section.</p><p><strong>Here&#x27;s how we did it:</strong></p><ol><li><p>Opening the <strong>&quot;MobileNav.tsx&quot;</strong> file. </p></li><li><p>Inside the component, two props are defined <a href="#primary-links-and-secondary-links"><strong>primaryLinks and secondaryLinks</strong></a> which correspond to the primary and secondary links respectively. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">MobileNav.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">MobileNav</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">primaryLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> link</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">secondaryLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> link</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p><code>navOpen</code> is a state variable used to indicate whether the menu is opened or closed. The <code>useOnClickOutside</code> hook is used to detect clicks outside the menu and closes the menu accordingly.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">MobileNav.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain">navOpen</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> setNavOpen</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useState</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> ref </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useRef</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword null nil" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> ref2 </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">useRef</span><span class="token punctuation" style="color:#393A34">(</span><span class="token keyword null nil" style="color:#00009f">null</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">useOnClickOutside</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">ref</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">setNavOpen</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> ref2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>MobileNav</code> component returns the navigational menu. The <code>&lt;button&gt;</code> element inside the <code>&lt;div&gt;</code> serves as a switch to open and close the menu. The <code>onClick()</code> event handler changes the value of <code>navOpen</code> whenever the button is clicked. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">MobileNav.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data-collapse-toggle</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mobile-menu-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">type</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">button</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// Styling</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">onClick</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript arrow operator" style="color:#393A34">=&gt;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript function" style="color:#d73a49">setNavOpen</span><span class="token tag script language-javascript punctuation" style="color:#393A34">(</span><span class="token tag script language-javascript operator" style="color:#393A34">!</span><span class="token tag script language-javascript" style="color:#00009f">navOpen</span><span class="token tag script language-javascript punctuation" style="color:#393A34">)</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The button displays an <code>svg</code> icon that is defined according to the condition whether the value of <code>navOpen</code> is &quot;true&quot; or &quot;false&quot;. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">MobileNav.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Other sections of code</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token operator" style="color:#393A34">!</span><span class="token plain">navOpen </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// when the navOpen is set to false</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 24 24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeWidth</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1.5</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">currentColor</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-6 h-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinecap</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">:</span><span class="token punctuation" style="color:#393A34">(</span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//defines the &lt;svg&gt; component when the menu is open</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//...</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">)}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>After the <code>&lt;button&gt;</code> element, <code>&lt;aside&gt;</code> displays the menu when <code>navOpen</code> variable is set to <code>true</code>. It contains two <code>&lt;nav&gt;</code> elements, one for the primary links section. This section also links to <a href="https://thakureducation.org" target="_blank" rel="noopener noreferrer"><strong>thakureducation.org</strong></a>. It maps over <code>primaryLinks</code> array to display each link as an anchor element. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">MobileNav.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">primaryLinks</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">p</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">p</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">title</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">p</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-sm w-full text-slate-900 hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">p</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>In the same way, the secondary <code>&lt;nav&gt;</code> is used to display <code>secondaryLinks</code>. If a link has <code>subLinks</code>, an <a href="#accordian-component"><strong>Accordian component</strong></a> is rendered for each sublink. </p></div></div></li><li><p>Save the file.</p></li><li><p>Run <code>yarn dev</code> to see the changes in your local environment.</p></li></ol><p><strong>Main Menu on smaller screens will look like this:</strong></p><figure><img loading="lazy" src="/assets/images/MainMenu-d2e11ff20a14a89ee8a046417f784bbf.png" style="border:2px solid gray;height:500px;width:300px" class="img_ev3q"></figure><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="accordian-component">Accordian Component<a href="#accordian-component" class="hash-link" aria-label="Direct link to Accordian Component" title="Direct link to Accordian Component">​</a></h3><p>A collapsible menu is created for sublinks of <strong>Placement</strong> and <strong>Events</strong> using react functional component called <strong>&quot;Accordian&quot;</strong>. <strong>We created this collapsible menu in following ways:</strong></p><ol><li><p>Open the <strong>&quot;Accordian.tsx&quot;</strong> file. </p></li><li><p>The <strong>&quot;Accordian&quot;</strong> component contains a <code>&lt;span&gt;</code> element which serves as a container for the accordian item. It contains <code>&lt;p&gt;</code> element to display the title of the sublink and an <code>&lt;svg&gt;</code> element which is responsible for displaying an arrow pointing downwards when <code>isOn</code> is set to <code>false</code> and a cross when <code>isOn</code> is set to <code>true</code>. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Accordian.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token operator" style="color:#393A34">!</span><span class="token plain">isOn </span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//when isOn is set to false</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 24 24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeWidth</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1.5</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">currentColor</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-4 h-4 lg:w-4 lg:h-4 cursor-pointer</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinecap</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">strokeLinejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M19.5 8.25l-7.5 7.5-7.5-7.5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// defined when isOn is set to true</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//...</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>When the <code>isOn</code> is set to <code>true</code>, it renders a <code>&lt;span&gt;</code> element which maps over links in <code>links</code> array and displays each link as an anchor element. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Accordian.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">links</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">l</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">l</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> text-xs xl:text-sm text-slate-900 hover:underline border-b border-slate-200 pb-2 last:border-0 last:pb-0 w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">l</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>Accordian</code> element also handles mouse events. When the mouse hovers over the menu, the <code>isOn</code> is set to <code>true</code> which opens the collapsible section. When the mouse is out of the accordian menu, the <code>isOn</code> is set to <code>false</code> which closes the section. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Accordian.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> onMouseOver</span><span class="token operator" style="color:#393A34">=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// console.log(&quot;mouse over&quot;);</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token function" style="color:#d73a49">setIsOn</span><span class="token punctuation" style="color:#393A34">(</span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save your progress.</p></li><li><p>Run <code>yarn dev</code> to see the changes in your local system.</p></li></ol><p><strong>The Accordian Component looks like this:</strong></p><figure><img loading="lazy" src="/assets/images/collapsible-09b0fffe2323b54f2d14e3c71bc4376c.png" style="border:2px solid gray;height:500px;width:300px" class="img_ev3q"></figure><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="primary-links-and-secondary-links">Primary links and Secondary links<a href="#primary-links-and-secondary-links" class="hash-link" aria-label="Direct link to Primary links and Secondary links" title="Direct link to Primary links and Secondary links">​</a></h3><ol><li><p>The links for <a href="http://erp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>ERP</strong></a>, <a href="https://tcetmumbai.in/aboutAlumni.html" target="_blank" rel="noopener noreferrer"><strong>Alumni</strong></a> and <a href="https://tcetmumbai.in/careers.html" target="_blank" rel="noopener noreferrer"><strong>Careers</strong></a> are defined in the <code>primaryLinks</code> array of type <code>link[]</code> in <strong>&quot;index.astro&quot;</strong> file. To add links for <strong>Alumni</strong> and <strong>Career</strong> pages, create objects in the following way with <strong>&quot;title&quot;</strong> and <strong>&quot;link&quot;</strong> properties: </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">primaryLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> link</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;ERP&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;http://erp.tcetmumbai.in/&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other links</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p> In the same way <code>secondaryLinks</code> array is created with <strong>&quot;title&quot;</strong> and <strong>&quot;link&quot;</strong> properties. This array lists links of various pages of the <strong>TNP website</strong>. Some links also have <code>sublinks</code>. The sublinks have the same properties as <code>secondaryLinks</code> objects. To add sublinks, <strong>create link objects in the following way:</strong></p></div></div><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">secondaryLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> link</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Placement&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/placement&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">subLinks</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">title</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Placement&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">link</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/placement&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other links and sublinks</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="displaying-navigational-menu">Displaying Navigational Menu<a href="#displaying-navigational-menu" class="hash-link" aria-label="Direct link to Displaying Navigational Menu" title="Direct link to Displaying Navigational Menu">​</a></h3><p><strong>To display the main menu, we executed the follwing steps</strong>:</p><ol><li><p>A <code>&lt;div&gt;</code> element in the <code>&lt;header&gt;</code> of <strong>&quot;index.astro&quot;</strong> file is created where the <code>secondaryLinks</code> array is iterated. Inside the <code>&lt;span&gt;</code> element, it checks if there are any sub-links. In case of no sub-links, it displays the anchor tag <code>&lt;a&gt;</code> with the <strong>link</strong> and <strong>title</strong> of the item. If there are sub-links, it renders an <code>&lt;Accordian&gt;</code> component. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">hidden lg:flex text-slate-800 justify-evenly py-2 border-b</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> secondaryLinks</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">s</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center gap-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token operator" style="color:#393A34">!</span><span class="token plain">s</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">subLinks</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-xs xl:text-sm hover:underline</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">s</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">subLinks</span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;&quot;</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f">s</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">s</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">s</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">subLinks</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">&amp;&amp;</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Accordian</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">title</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">s</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">title</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">links</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">s</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">subLinks</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> The primary links are listed in the same container where the site&#x27;s logo and title are placed. Refer the <a href="https://github.com/tcet-opensource/tnp-website/blob/216af67c8878b8ec82cef31162f94f6a04588c8f/src/components/Header/index.astro#LL139C1-L180C11" target="_blank" rel="noopener noreferrer"><strong>index.astro</strong></a> file.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="displaying-logo">Displaying Logo<a href="#displaying-logo" class="hash-link" aria-label="Direct link to Displaying Logo" title="Direct link to Displaying Logo">​</a></h3><ol><li><p>Open <code>index.astro</code> file. </p></li><li><p>TNP logo is displayed in the extreme left of the header. Within the <code>&lt;div&gt;</code> element of <code>&lt;header&gt;</code>, anchor tags are used. <strong>This is how it was executed:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">space-y-2 md:flex md:mr-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Images/TCET Logo.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">object-contain w-14 lg:w-24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">TCET Logo</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> Similar steps were carried out for displaying <a href="https://github.com/tcet-opensource/tnp-website/blob/216af67c8878b8ec82cef31162f94f6a04588c8f/src/components/Header/index.astro#LL106C1-L113C11" target="_blank" rel="noopener noreferrer"><strong>Thakur Education Group logo</strong></a> for smaller screens. </p></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p> To see how we added title and description on the header, refer <a href="https://github.com/tcet-opensource/tnp-website/blob/216af67c8878b8ec82cef31162f94f6a04588c8f/src/components/Header/index.astro#LL116C1-L129C9" target="_blank" rel="noopener noreferrer"><strong>index.astro</strong></a> file from the <a href="https://github.com/tcet-opensource/tnp-website" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a> repository. </p></div></div><p><strong>After adding <em>Logo</em>, creating <em>Menu</em> and adding <em>Title</em> &amp; <em>Description</em>, the header section can be seen like this:</strong></p><figure><img loading="lazy" src="/assets/images/Header-298c96248e94dfb0ea478c0de9a61d67.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Header Section</figcaption></b></center></figure><p><em>The <a href="/docs/projects/tnp-website/frontend-components/header"><strong>Header Section</strong></a> is succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tnp-website/frontend-components/hero"><strong>Hero Section</strong></a> of the <strong>TNP Website</strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/header.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tech Stacks</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/hero"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Hero</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#mobile-navigation-menu" class="table-of-contents__link toc-highlight">Mobile Navigation Menu</a></li><li><a href="#accordian-component" class="table-of-contents__link toc-highlight">Accordian Component</a></li><li><a href="#primary-links-and-secondary-links" class="table-of-contents__link toc-highlight">Primary links and Secondary links</a></li><li><a href="#displaying-navigational-menu" class="table-of-contents__link toc-highlight">Displaying Navigational Menu</a></li><li><a href="#displaying-logo" class="table-of-contents__link toc-highlight">Displaying Logo</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/hero/index.html b/docs/projects/tnp-website/frontend-components/hero/index.html index 454ce28a..12967faa 100644 --- a/docs/projects/tnp-website/frontend-components/hero/index.html +++ b/docs/projects/tnp-website/frontend-components/hero/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Hero</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Hero</h1></header><p>The Hero component represents the first section of the T&amp;P Home page. It is one of the most crucial component as it is designed in a certain way which can grab attention of the target audience. The page likely presents data on the <strong>number of students successfully placed</strong>, the <strong>count of companies that have visited</strong> and <strong>the count of students securing 10+ LPA packages</strong>. This page provides a perfect platform to display the pictures of the namely events conducted. The above factors of this components emphasizes it to be the <code>Hero component</code> of the website.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="countup-component">CountUp Component<a href="#countup-component" class="hash-link" aria-label="Direct link to CountUp Component" title="Direct link to CountUp Component">​</a></h2><p>The program for this component is a React component in JavaScript which uses the <code>react-countup</code> library to display a count-up animation of numbers. </p><p><strong>Here&#x27;s a breakdown of the code to understand it&#x27;s functionality:</strong></p><ol><li><p>Imported the <code>CountUp</code> component from the <code>react-countup</code> library. This library renders a simple way to create attractive count-up animations in React.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CountUp</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react-countup&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This line of the program defines a functional component called <code>CountUpComponent</code>. It receives the props: <code>start</code>, <code>end</code>, and <code>title</code>. These props are used to configure the count-up animation.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CountUpComponent</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> start</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> end</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The underlying <code>div</code> element represents the <strong>main container</strong> of the component. It has several CSS classes that apply styling to the container, such as background color, padding, border, and spacing between child elements. In the empty curly brackets, the required content is filled in.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CountUpComponent</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> start</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> end</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-slate-50 p-4 pr-12 rounded-2xl border border-slate-200 space-y-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token string" style="color:#e3116c">&quot; &quot;</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Other Sections of CountUp component</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> );</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> };</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The div element used in the below code itself contains the <code>Count-up number</code>. It has CSS classes applied. The <code>&lt;div&gt;</code> element includes the start and end props used with the <code>Count-up</code>component. These props are used to <strong>animate</strong> the number from the <code>start</code> value to the <code>end</code> value.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CountUpComponent</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> start</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> end</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-2xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CountUp</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">start</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">start</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">end</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">end</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text">+</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The <code>+</code> used above is a static text that follows the count-up number, it indicates that the number is increasing.</p></li><li><p>This div element displays the <code>title</code> passed on to the component. It has CSS class applied to set the specific shade. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CountUpComponent</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> start</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> end</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-500</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">title</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The last line of the code exports the <code>CountUpComponent</code> as the default export of the module, making it available to use in other parts of the application.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CountUpComponent.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CountUp</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;react-countup&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CountUpComponent</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> start</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> end</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> title </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Sections of CountUp component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token maybe-class-name">CountUpComponent</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hero-section">Hero Section<a href="#hero-section" class="hash-link" aria-label="Direct link to Hero Section" title="Direct link to Hero Section">​</a></h2><p>The code involved in this section is a blend of JavaScript and HTML language. JavaScript is used for the dynamic logic and functionality, while HTML is used to structure and display the content on the web page.</p><p><strong>Here&#x27;s a breakdown of the code to understand it&#x27;s functionality:</strong></p><ol><li><p>Here, we have imported the <code>CountUpComponent</code> and <code>HeroSwiper</code> components. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">CountUpComponent</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./CountUpComponent.jsx&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports maybe-class-name">HeroSwiper</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;./HeroSwiper.tsx&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The detailed information about the <strong>CountUpComponent</strong> is provided in the above section of this document. Whereas, the description regarding <strong>HeroSwiper</strong> component will be explained in the further document.</p></li><li><p>An array is created with the name <code>data</code> which contains the images names. This data will be passed as a prop element to <code>HeroSwiper</code> component.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> data </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiperImage1.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiperImage1.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiperImage1.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiperImage1.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Here&#x27;s the description of the below code section: </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">section</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">space-y-4 xl:space-y-8 2xl:space-y-12 3xl:space-y-24 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Text of the HeroSection */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col md:flex-row gap-6 lg:gap-20 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full space-y-2 md:w-2/4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex items-center bg-gray-100 text-sm lg:text-base px-2 py-1 rounded-full</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> hover:bg-gray-200 active:bg-gray-100 transition-all </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/guidelines</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">px-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Visit Our Guidelines</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Svg for arrow in button */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">viewBox</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">0 0 24 24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">none</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">xmlns</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">http://www.w3.org/2000/svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">rect</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">24</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">rx</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">fill</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">#E4E7EC</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">rect</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">path</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">d</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">M6.16663 12H17.8333M17.8333 12L12 6.16669M17.8333 12L12 17.8334</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">#101828</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke-width</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">1.5</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke-linecap</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">stroke-linejoin</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">round</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">path</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">svg</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><ul><li><p>The <code>button</code> element in this section represents a <strong>clickable</strong> button. It has styles applied as per our requirements. It is represented by the lines <strong>5-8</strong>.</p></li><li><p>Inside this section there is an <code>&lt;a&gt; anchor</code> element representing the <code>hyperlink</code> wrapped in the button. It has the text displaying <strong>&quot;Visit Our Guidelines&quot;</strong> which is linked to the <a href="https://tnp.tcetmumbai.in/guidelines/" target="_blank" rel="noopener noreferrer"><em>Guidelines</em></a>. It is represented by line <strong>9</strong>.</p></li><li><p>Introducing the <code>svg</code> icon, it is a <strong>graphical icon</strong> which has made in use for the arrow in button. It&#x27;s code is provided with the specifications of svg&#x27;s <code>structures</code> and <code>attributes</code>. It is represented by the lines <strong>11-25</strong>.</p></li></ul><p>The result of this code represents the SVG as a rounded rectangle with a light gray fill, and it has three lines forming an arrow shape. The arrow points horizontally in a direction from left to right, and its lines have a dark gray stroke with rounded endpoints and corners.</p><ol start="4"><li><p>The <code>div</code> element used here is for the purpose to display a custom font with varying text size based on screen size. It displays quoted text. We have used it to define the <code>Headlines</code> and <code>paragraph</code> in our web page.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">section</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-2xl lg:text-3xl xl:text-[2.75rem] xl:leading-tight</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &quot;Unlock Your Career Potential with Training And Placement Cell - Where Dreams Meet Opportunities!&quot;</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>View more</code> element in this section, is programmed using the <code>&lt;a&gt; anchor</code> element. The CSS classes are applied to it including the <strong>hover effect</strong>. The anchor element here is representing the <code>hyperlink</code> which is redirecting to <a href="https://tnp.tcetmumbai.in/about-us/" target="_blank" rel="noopener noreferrer"><em>About Us</em></a>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">section</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/about-us</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">px-4 py-2 text-slate-600 rounded-xl mr-auto border border-gray-300 </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag attr-value" style="color:#e3116c"> hover:bg-gray-100 active:bg-gray-50 transition-all </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> View More</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The CountUpComponent displayed in the code handles the <strong>counting animation</strong> of numbers. There are props passed to <code>CountUpComponent</code>, which are as follows:</p></li></ol><ul><li><p><strong>client:only=&quot;react&quot;:</strong> It has a specific purpose within the CountUpComponent component. It is used to determine whether the code is running or not on the client side with React.</p></li><li><p><strong>title=&quot;Number of students placed&quot;:</strong> This provides title for the count. Here it represents the number of students placed.</p></li><li><p><strong>start={0}:</strong> It determines the starting value of the count.</p></li><li><p><strong>end={}:</strong> This prop determined the ending value.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSection.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token operator" style="color:#393A34">&lt;</span><span class="token plain">section</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CountUpComponent</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">title</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Number of students placed</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">start</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">0</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">end</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">852</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSection component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">section</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ul><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for adding multiple <strong>CountUp Components</strong>.</p></div></div><figure><img loading="lazy" src="/assets/images/hero-e477545eaaabcaa1a5d43f85fc67a576.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Hero Section</figcaption></b></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="heroswiper-component">HeroSwiper Component<a href="#heroswiper-component" class="hash-link" aria-label="Direct link to HeroSwiper Component" title="Direct link to HeroSwiper Component">​</a></h2><p>The code for the <code>HeroSwiper</code> Component is programmed using Swiper library for creating a <code>swiper carousel</code>. It is a custom implementation based on Swiper library.</p><ol><li><p>Importing the necessary components and modules from the <strong>&quot;swiper&quot;</strong> library. <strong>SwiperSlide</strong> and <strong>Swiper</strong> are components used for creating a swiper carousel. For enabling autoplay functionality we have used <strong>Autoplay</strong> module. To import the CSS styles in swiper library, <strong>&quot;swiper/css&quot;</strong> is imported.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">SwiperSlide</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Swiper</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/react&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Autoplay</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The below code declares the name <code>HeroSwiper</code> to a functional component and take <code>data</code> as imput. <code>data</code> is an array of strings.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">HeroSwiper</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> </span><span class="token parameter literal-property property" style="color:#36acaa">data</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> string</span><span class="token parameter punctuation" style="color:#393A34">[</span><span class="token parameter punctuation" style="color:#393A34">]</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other Sections of HeroSwiper component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>Swiper</code> component is used here to create carousel. The program between the opening and closing tags of the Swiper component will enclose the content of the carousel in it.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">HeroSwiper</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> </span><span class="token parameter literal-property property" style="color:#36acaa">data</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> string</span><span class="token parameter punctuation" style="color:#393A34">[</span><span class="token parameter punctuation" style="color:#393A34">]</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// Other Sections of HeroSwiper component</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Here&#x27;s the code description for the below code section:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">HeroSwiper</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> </span><span class="token parameter literal-property property" style="color:#36acaa">data</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> string</span><span class="token parameter punctuation" style="color:#393A34">[</span><span class="token parameter punctuation" style="color:#393A34">]</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="display:inline-block;color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">autoplay</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">delay</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">2500</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// added breakpoints to swiper. mobile one photo, tablet 2 photos</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">breakpoints</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">1024</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">2</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">1720</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">3</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">50</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">loop</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript boolean" style="color:#36acaa">true</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// onSwiper={(swiper) =&gt; console.log(swiper)}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// onSlideChange={() =&gt; console.log(&quot;slide change&quot;)}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><ul><li><p>The below code describes the <code>autoplay</code> prop. This prop accepts various options. Here, the <code>delay</code> option is set to 2500 ms, which means it will directly transition to the next slide in every 2.5 secs. It is represented by lines <strong>6-8</strong>.</p></li><li><p>The <code>slidesPerView</code> prop component to 1 means only one slide will be visible at a particular time. It is represented by line <strong>9</strong>.</p></li><li><p>The <code>spaceBetween</code> prop of the Swiper component to 50 means it adds a space of 50 pixels between each slide. It is represented by line <strong>19</strong>. </p></li><li><p>The <code>loop</code> prop set to <code>true</code> enables the carousel to loop continuously. Once it reaches the last slide, it will jump back to the first one. It is represented by line <strong>20</strong>.</p></li><li><p>The <code>modules</code> prop containing <code>Autoplay</code> enables the autoplay functionality. It is represented by line <strong>21</strong>.</p></li></ul><ol start="5"><li><p>In the code, we have used <code>mapping</code> function which <strong>iterates</strong> over the <code>data</code> array. For each item in data, it creates <code>SwiperSlide</code> component. The <code>key</code> prop is set to d, which uniquely identifies each slide. There is an <code>img</code> element rendered inside the <code>SwiperSlide</code>. There is also an <code>src</code> attribute which is used to generate the <code>URL</code> for the image used. There are CSS classes applied to the <code>img</code> element.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">HeroSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">HeroSwiper</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> </span><span class="token parameter literal-property property" style="color:#36acaa">data</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> string</span><span class="token parameter punctuation" style="color:#393A34">[</span><span class="token parameter punctuation" style="color:#393A34">]</span><span class="token parameter"> </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// Other Sections of HeroSwiper component</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full md:w-3/4 lg:w-max mx-auto</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">/Hero/</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token tag script language-javascript template-string interpolation" style="color:#00009f">d</span><span class="token tag script language-javascript template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">image</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">width</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">844</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">height</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">448</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token maybe-class-name">HeroSwiper</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The code statement represented by line <strong>18</strong> exports the <code>HeroSwiper</code> component as the default export of this module. Which means it is allowed to be imported and used in other parts of the program.</p></li></ol><figure><img loading="lazy" src="/assets/images/heroswiper-d27bc7fc08eef963253d0bdb522c9148.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Hero SwiperSlide</figcaption></b></center></figure><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>For more comprehensive and detailed information, you can refer the official Swiper library documentation-<strong><a href="https://swiperjs.com/get-started" target="_blank" rel="noopener noreferrer">Swiper.js</a></strong></p></div></div><p><em>The <a href="/docs/projects/tnp-website/frontend-components/hero"><strong>Hero Section of Home Page</strong></a> was succesfully executed! Let&#x27;s move on and see how we created the <a href="/docs/projects/tnp-website/frontend-components/training"><strong>Training</strong></a> component of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP Website</a></strong>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/hero.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/header"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Header</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/training"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Training</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#countup-component" class="table-of-contents__link toc-highlight">CountUp Component</a></li><li><a href="#hero-section" class="table-of-contents__link toc-highlight">Hero Section</a></li><li><a href="#heroswiper-component" class="table-of-contents__link toc-highlight">HeroSwiper Component</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/industry-interaction/index.html b/docs/projects/tnp-website/frontend-components/industry-interaction/index.html index 641532fe..4b1eb223 100644 --- a/docs/projects/tnp-website/frontend-components/industry-interaction/index.html +++ b/docs/projects/tnp-website/frontend-components/industry-interaction/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Industry Interaction</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Industry Interaction</h1></header><p>To bridge the gap between academics and expectations from industries, <em>TNP cell of TCET</em> facilitates students to engage with various industries, gain practical exposure and develop industry relevant skills. The <a href="https://tnp.tcetmumbai.in/industry-interaction/" target="_blank" rel="noopener noreferrer"><strong>Industry Interaction</strong></a> page of <em>TNP website</em> provides you insights on various programmes and interactions taking place between industries and students in TCET. This page is accesible through the navigation bar of <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP website</strong></a>. </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-a-layout">Creating a layout<a href="#creating-a-layout" class="hash-link" aria-label="Direct link to Creating a layout" title="Direct link to Creating a layout">​</a></h3><p>To set up a basic layout of the page and to create a section that would briefly describe the content of the page, <strong>following steps are executed:</strong></p><ol><li><p>Creating a <strong>&quot;industry-interaction.astro&quot;</strong> file.</p></li><li><p>We need to define an array which will store all the information that will be used throughout the page. The <code>IndustryInteractionData</code> array is defined with the following properties:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">IndustryInteractionData</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">IndustryInteractionType</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">companyLogo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//company logo comes here,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">companyName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//company name,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">themeColor</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//define the theme of the card,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">description</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//brief description of the event,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">subdescription</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//subdescription of the event,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">eventImages</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//array of images along with alt text</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">img</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">alt</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token spread operator" style="color:#393A34">...</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The next step is to set the main layout of the page. Within the <code>&lt;Layout&gt;</code> component, the <em>title</em> and <em>description</em> of the page is defined. The classes are defined under <code>&lt;main&gt;</code> component defining the spacing and padding. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token maybe-class-name">Layout</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> title</span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Title of the page</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> description</span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Description of the page</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">main</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">block !space-y-6 md:!space-y-12 lg:!space-y-24 w-full px-8 md:px-16</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // Define the layout of the page</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">main</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Layout</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <strong>Industry Interaction section</strong> of the page is wrapped in a <code>&lt;div&gt;</code> component with a class defining a flex container. Within this container, the first <code>&lt;div&gt;</code> element contains <code>&lt;p&gt;</code> elements with the title <strong>&quot;Industry Interaction&quot;</strong> and a description text. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full flex flex-col-reverse md:flex-row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-full xl:w-1/2 md:w-1/2 sm:w-full p-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-4xl 2xl:text-6xl font-title mb-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Industry Interaction</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-600</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // description text</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> // other elements</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The second <code>&lt;div&gt;</code> element inside the container defines classes to create background circles for creating a visually pleasing page. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute bg-gray-400 w-96 h-96 -left-14 top-25 -z-10 rounded-full flex justify-center bg-gradient-to-l from-gray-100 to-white</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-white w-72 h-72 rounded-full mt-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The third <code>&lt;div&gt;</code> element is defined with a flex layout to create a container in which the data in <code>IndustryInteractionData</code> array will be iterated over to create cards for each data item. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token maybe-class-name">IndustryInteractionData</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">slice</span><span class="token punctuation" style="color:#393A34">(</span><span class="token number" style="color:#36acaa">0</span><span class="token punctuation" style="color:#393A34">,</span><span class="token number" style="color:#36acaa">2</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">...</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// a class defining the size and flex layout</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript spread operator" style="color:#393A34">...</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> //setting the border color and bg color according to the theme color</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">companyLogo</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">rounded-full w-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> mb-1 mt-3 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">companyName</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-600 font-light text-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">subdescription</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript string" style="color:#e3116c">&#x27;#&#x27;</span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">companyName</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">...</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Read More ↓</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p>Each card contains <strong>company logo</strong>, <strong>name</strong>, <strong>subdescription</strong> and <strong>Read More link</strong>. </p><ol start="8"><li><p>After the <strong>&quot;Industry Interaction&quot;</strong> section, a container is defined where event sections for each company will be described based on the array data. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">industry-interaction.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token maybe-class-name">IndustryInteractionData</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">...</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">id</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">companyName</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript string" style="color:#e3116c">&#x27;...&#x27;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//set the background color according to the theme color of the data</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript template-string string" style="color:#e3116c">...</span><span class="token tag script language-javascript template-string template-punctuation string" style="color:#e3116c">`</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">rounded-full w-12 mb-4 mt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">companyLogo</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-3xl font-title mb-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">companyName</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> Industry Interaction</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-sm xl:text-base text-slate-600 </span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">description</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> flex justify-center w-full lg:w-1/2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">IndustryInteractionSwiper</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">eventImages</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><p>Each event section will contain <strong>logo</strong>, <strong>name</strong>, <strong>description</strong> and <code>IndustryInteractionSwiper</code> component. The <code>IndustryInteractionSwiper</code> component is rendered for each event item using the <code>data.eventImages</code> as data drop. </p><ol start="8"><li>Save your progress. </li></ol><h3>This is what the page&#x27;s hero section looks like:</h3><img loading="lazy" src="/assets/images/industryhero-9e80de474d03f5c74f42f4b14233db15.png" style="border:2px solid grey" class="img_ev3q"><br><br><p>In the next part, we are going to see how we created <strong>&quot;IndustryInteractionSwiper&quot;</strong> component. </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-industryinteractionswiper">Creating IndustryInteractionSwiper<a href="#creating-industryinteractionswiper" class="hash-link" aria-label="Direct link to Creating IndustryInteractionSwiper" title="Direct link to Creating IndustryInteractionSwiper">​</a></h3><p>In order to create slides of images, we need to create a react functional component. </p><p><strong>Here&#x27;s how we implemented this component:</strong></p><ol><li><p>Creating a <strong>IndustryInteractionSwiper.tsx</strong> file. </p></li><li><p>Importing all the required dependencies, <code>imageLink</code> from <code>../../env</code> module and necessary CSS styles for <strong>Swiper</strong>. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">IndustryInteractionSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Swiper</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">SwiperSlide</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/react&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Pagination</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">A11y</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">Autoplay</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> type </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> imageLink </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;../../env&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css/pagination&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Creating a react functional component <code>IndustryInteractionSwiper</code> in the following way:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">IndustryInteractionSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">IndustryInteractionSwiper</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> imageLink</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> data </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Component JSX goes here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token maybe-class-name">IndustryInteractionSwiper</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Creating a <code>Swiper</code> component within the component defined above to define the behaviour and appearance of the component. This can be done in the following way:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">IndustryInteractionSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">A11y</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">autoplay</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">delay</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">2500</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">50</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//Defining the space between slides</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//Specifying how many slides should be visible at a time</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Slides go here */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>In this step, <code>&quot;modules&quot;</code> prop is used to enable additional features like <em>accesibility</em> and <em>autoplay</em>. The autoplay prop is defined to advance every other slide in 2.5 seconds.</p></li><li><p>The<code>data</code> array is mapped inside the <strong>Swiper component</strong> and <code>SwiperSlide</code> component is structured for each data array item.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">IndustryInteractionSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">alt</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Slide content goes here */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p><code>SwiperSlide</code> component is created to define the content for each slide. An <code>&lt;img&gt;</code> element is defined as follows: </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">IndustryInteractionSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">alt</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full h-[130%] block</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;img src=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">d</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">img</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> alt=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">d</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">alt</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> width=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token number" style="color:#36acaa">600</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> height=</span><span class="token punctuation" style="color:#393A34">{</span><span class="token number" style="color:#36acaa">400</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text">className=&quot;w-full aspect-video rounded-2xl&quot; /&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The <code>src</code> prop is set to the <code>img</code> and <code>alt</code> property of the current data item.</p></li><li><p>Custom CSS is defined to style the component slides. </p></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> to see the changes in your local environment.</p></li></ol><h3>Here&#x27;s the event section with the Swiper component:</h3><img loading="lazy" src="/assets/images/industryInteraction-abe75ab3371960993c456d8a91acc35a.png" style="border:2px solid grey" class="img_ev3q"><br><br><p><em>Congratulations, we have successfully implemented the <a href="/docs/projects/tnp-website/frontend-components/industry-interaction"><strong>Industry Interaction</strong></a> page. Let&#x27;s continue to find out how we implemented the <a href="/docs/projects/tnp-website/frontend-components/student-award"><strong>Event Page</strong></a> of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP website</strong></a>. </em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/industry-interaction.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/internships"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Internships</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/event-page"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Event Page</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#creating-a-layout" class="table-of-contents__link toc-highlight">Creating a layout</a></li><li><a href="#creating-industryinteractionswiper" class="table-of-contents__link toc-highlight">Creating IndustryInteractionSwiper</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/internships/index.html b/docs/projects/tnp-website/frontend-components/internships/index.html index a49af6e9..e0ad61eb 100644 --- a/docs/projects/tnp-website/frontend-components/internships/index.html +++ b/docs/projects/tnp-website/frontend-components/internships/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Internships</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Internships</h1></header><p>The <strong>Internship</strong> page of the website gives you information on various corporations that visit TCET to recruit students. To be more transparent, the website provides statistics on the number of companies that have visited and the number of students who got hired. It is accesible through the navigation bar of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-company-details">Adding Company Details<a href="#adding-company-details" class="hash-link" aria-label="Direct link to Adding Company Details" title="Direct link to Adding Company Details">​</a></h3><p>To add a company&#x27;s information to the website, we need to edit the <code>data</code> array in the <strong>InternshipCompanies.tsx</strong> file. The <code>data</code> array is a collection of company information where each item represents a company and contains the name and image of the company&#x27;s logo. </p><p><strong>Here&#x27;s how those changes were made:</strong></p><ol><li><p>Opening <strong>InternshipCompanies.tsx</strong> file in our projects root directory. </p></li><li><p>Locating the <code>data</code> array. To add a company&#x27;s details, we created a new object which would be defined as follows:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InternshipCompanies.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> data </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">caption</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Name of the company&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">imgLink</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;company-logo.svg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Editing the <code>caption</code> property to include the name of the company and <code>imgLink</code> property with the name of the file or URL for the company&#x27;s logo. </p></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-company-card">Creating Company Card<a href="#creating-company-card" class="hash-link" aria-label="Direct link to Creating Company Card" title="Direct link to Creating Company Card">​</a></h3><p>Now that we have created <code>data</code> array, we need to create a card for each company featuring the company name and logo. </p><p><strong>Here&#x27;s how we proceeded with the steps:</strong></p><ol><li><p>Opening <code>CompanyCard.tsx</code> file. </p></li><li><p><code>Props</code> is defined with two properties: <code>imgLink</code> and <code>caption</code> both of type <strong>&quot;String&quot;</strong>. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CompanyCard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> type </span><span class="token maybe-class-name">Props</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">imgLink</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token known-class-name class-name">String</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">caption</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token known-class-name class-name">String</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The functional component <code>CompanyCard</code> is created which uses these props to display company logo and name. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CompanyCard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CompanyCard</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> imgLink</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> caption </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Props</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Define the UI of the component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The component will return a <code>&lt;div&gt;</code> element which will create a vertical container with centered content and gap between child elements.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CompanyCard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CompanyCard</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> imgLink</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> caption </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Props</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col items-center justify-center gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> //Other elements comes here</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Within the <code>&lt;div&gt;</code> element, <code>&lt;img&gt;</code> is used to display company logo and <code>&lt;p&gt;</code> element contains the name of the company as caption. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">CompanyCard.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">CompanyCard</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter punctuation" style="color:#393A34">{</span><span class="token parameter"> imgLink</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> caption </span><span class="token parameter punctuation" style="color:#393A34">}</span><span class="token parameter operator" style="color:#393A34">:</span><span class="token parameter"> </span><span class="token parameter maybe-class-name">Props</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col items-center justify-center gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;/InternshipHero/&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">+</span><span class="token tag script language-javascript" style="color:#00009f"> imgLink</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">company-logo</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-base text-xs text-center text-slate-600</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">caption</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the individual cards look like this:</strong></p><img loading="lazy" src="data:image/png;base64,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" style="border:2px solid gray" class="img_ev3q"><br><br><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="displaying-companies">Displaying Companies<a href="#displaying-companies" class="hash-link" aria-label="Direct link to Displaying Companies" title="Direct link to Displaying Companies">​</a></h3><p>In this step, we need to create a card to display all the company cards created in the previous step. This step will help in listing all the companies that have conducted internship drives in TCET. </p><ol><li><p>Opening <strong>InternshipCompanies.tsx</strong> file in our projects root directory. </p></li><li><p>Creating a react functional component <code>InternshipCompanies</code> which will be defined as follows:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InternshipCompanies.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">InternshipCompanies</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Define the UI of the component</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>A <code>&lt;div&gt;</code> element is created which uses inline CSS style to set the background of the component. Within outer <code>&lt;div&gt;</code>, <code>&lt;h1&gt;</code> is created for the heading of the section-<code>&quot;Companies Offering Internships&quot;</code>. It also contains nested <code>&lt;div&gt;</code> element with a class which serves as an underline below the heading. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InternshipCompanies.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">InternshipCompanies</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">background</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;radial-gradient(42.83% 57.11% at 50% 100%, rgba(255, 225, 185, 0.7) 0%, rgba(255, 245, 232, 0.3) 100%)&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative pb-3 text-2xl 2xl:text-3xl text-center mb-12 font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Companies offering Internships </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute sm:top-12 top-16 left-1/2 -translate-x-1/2 lg:w-1/5 md:w-1/3 sm:w-1/2 w-full border-b border-slate-200</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>A <code>&lt;div&gt;</code> is created below <code>&lt;h1&gt;</code> element to create grids for the company cards. A javascript expression <code>&quot;{data.map((d, index) =&gt; {.....})}&quot;</code> is used to map <code>data</code> array to display each company card.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">InternshipCompanies.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">InternshipCompanies</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">style</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">background</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;radial-gradient(42.83% 57.11% at 50% 100%, rgba(255, 225, 185, 0.7) 0%, rgba(255, 245, 232, 0.3) 100%)&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">relative pb-3 text-2xl 2xl:text-3xl text-center mb-12 font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Companies offering Internships </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">absolute sm:top-12 top-16 left-1/2 -translate-x-1/2 lg:w-1/5 md:w-1/3 sm:w-1/2 w-full border-b border-slate-200</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">grid grid-cols-2 md:grid-rows-5 md:grid-cols-5 2xl:grid-cols-6 gap-x-6 gap-y-8 mb-12 pb-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> index</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CompanyCard</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">index</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">imgLink</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">imgLink</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">caption</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">caption</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the file.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>After completing the above steps, the Internship Companies card looks like this:</strong></p><img loading="lazy" src="/assets/images/industryhero-9e80de474d03f5c74f42f4b14233db15.png" style="border:2px solid gray" class="img_ev3q"><br> <br><p><em>We have successfully created <a href="/docs/projects/tnp-website/frontend-components/internships"><strong>Internships</strong></a> page. Let&#x27;s proceed with the <a href="/docs/projects/tnp-website/frontend-components/industry-interaction"><strong>Industry Interaction</strong></a> section.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/internships.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/testimonials"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Testimonials</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/industry-interaction"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Industry Interaction</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-company-details" class="table-of-contents__link toc-highlight">Adding Company Details</a></li><li><a href="#creating-company-card" class="table-of-contents__link toc-highlight">Creating Company Card</a></li><li><a href="#displaying-companies" class="table-of-contents__link toc-highlight">Displaying Companies</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/placed-students/index.html b/docs/projects/tnp-website/frontend-components/placed-students/index.html index 92372a32..a43871c8 100644 --- a/docs/projects/tnp-website/frontend-components/placed-students/index.html +++ b/docs/projects/tnp-website/frontend-components/placed-students/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -34,7 +34,7 @@ containing information about individual students.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> starPerformers </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">batch</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">2023</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">color</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;#FFFAEB&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">img</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;/studentPlaced/student_image.jpg&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Student Name1&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">branch</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Branch Name&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">company</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Meta&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">package</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;23 Lakhs&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other student objects...</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Other batch objects...</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><code>StarPerformers</code> component is rendered for the corresponding data for each batch as we saw in <a href="#super-star-performers"><strong>Super Star Performers</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="all-star-performers">All Star Performers<a href="#all-star-performers" class="hash-link" aria-label="Direct link to All Star Performers" title="Direct link to All Star Performers">​</a></h3><p>This section contains downloadable links of pdf containing information about all the star performers from each batch. Each container is a <code>&lt;button&gt;</code> which contains an <code>svg</code> icon and anchor tag linking to a pdf that can be downloaded upon mouse click. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-title text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">a</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">href</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">item</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">link</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">download</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">item</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">batch</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"> PDF</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">a</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p> To create svg icon for each batch, refer: <a href="https://github.com/tcet-opensource/tnp-website/blob/216af67c8878b8ec82cef31162f94f6a04588c8f/src/components/PlacedStudents/AllStarPerformers/index.astro#LL31C1-L47C19" target="_blank" rel="noopener noreferrer"><strong>index.astro</strong></a></p></div></div><p><strong>This is how different sections of the page looks like:</strong></p><div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP unique_cziY tabs__item--active">Super Star Performers</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Star Performers 2023</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Star Performers 2022</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Star Performers 2021</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Star Performers 2020</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Star Performers 2019</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">All Star Performers</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><img loading="lazy" src="/assets/images/SuperStarPerformers-6c615f83934f55aafdace03280e36bcb.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/StarPerformers2023-ad9e5e6505a69ec2fbcacc7eb08229b3.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/StarPerformers2022-dfd800e9a0db505ff690124bf25c75d8.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/StarPerformers2021-3d366b1a71384e87edb41f58a8644930.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/StarPerformers2020-9f7236046d3ba392236b18352c108e77.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/StarPerformers2019-3e8e84129ef19044fcf04f8ba3a5da5b.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/AllStars-bd6ecd0a409a27de445bc11fa238be06.png" style="border:2px solid gray" class="img_ev3q"></div></div></div><p><em>In this section, we saw how we created <a href="/docs/projects/tnp-website/frontend-components/placed-students"><strong>Placed Students</strong></a> page. Let&#x27;s see how we implemented <a href="/docs/projects/tnp-website/frontend-components/student-award"><strong>Student Awards</strong></a> page in the next section!</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/placed-students.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/top-placed-students"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Top Placed Students</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/student-award"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Student Award</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#super-star-performers" class="table-of-contents__link toc-highlight">Super Star Performers</a></li><li><a href="#star-performers" class="table-of-contents__link toc-highlight">Star Performers</a></li><li><a href="#all-star-performers" class="table-of-contents__link toc-highlight">All Star Performers</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/placement/index.html b/docs/projects/tnp-website/frontend-components/placement/index.html index 1c9983a1..f6344f9d 100644 --- a/docs/projects/tnp-website/frontend-components/placement/index.html +++ b/docs/projects/tnp-website/frontend-components/placement/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Placement</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Placement</h1></header><p>The Training and Placement page showcases the placement activities at Thakur College of Engineering and Technology in Mumbai. It provides comprehensive information about the placement process, services, and objectives of the Training and Placement department. The page likely presents data on the <strong>number of students successfully placed</strong>, the <strong>count of companies that have visited</strong> the campus for recruitment, and may also <strong>categorize companies</strong> into different tiers such as <strong>super dream</strong>, <strong>dream</strong>, <strong>normal</strong>, and <strong>core</strong> companies. By visiting the page, visitors can access valuable information and insights into the placement activities at TCET.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="placement-hero-section">Placement Hero Section<a href="#placement-hero-section" class="hash-link" aria-label="Direct link to Placement Hero Section" title="Direct link to Placement Hero Section">​</a></h2><p>The Placement Hero Section tell us about the placements scenarios in TCET, and also the statistics like <code>Number of students placed</code> and <code>Number of companies visited</code>.</p><p><strong>Here are the steps we followed to achieve this:</strong></p><ol><li><p>Opening the <code>PlacementHero.astro</code> file.</p></li><li><p>The first child contaier of <code>&lt;div&gt;</code> showcases the headings and a short description about the <strong>Placements</strong> in TCET.</p></li><li><p>Next up we inserted a <code>&lt;button&gt;</code> tag which redirects to the <strong>Guidelines</strong> of placements.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">PlacementHero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex space-x-10 lg:flex-row flex-col items-center gap-12 w-full mt-12 mb-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full order-1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-4xl text-3xl mb-4 font-title</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">About Placement</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h1</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mb-8 lg:text-base text-md text-slate-500</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> The Training and Placement department serves as a bridge between the</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> academic environment and the industry by establishing connections with</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> various companies and organizations. The ultimate aim of the T&amp;P</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> department is to ensure that students are well-prepared for the job market</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> and have access to the resources they need to achieve their career goals.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">button</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-500 hover:bg-slate-100 active:bg-slate-50 transition-all border border-gray-300 rounded-xl px-4 py-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Visit our Guidelines</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">button</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Other containers&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Next we added an <code>&lt;img&gt;</code> tag in another <code>&lt;div&gt;</code> container specifying its attributes.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">PlacementHero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex space-x-10 lg:flex-row flex-col items-center gap-12 w-full mt-12 mb-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- First About Us Container --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-3/4 order-2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mb-6 flex flex-col justify-center gap-6 rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/Placement/placement.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full aspect-auto rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">image-of-a-female-student-pointing-towards-a-laptop-screen</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Now we added the <code>CountUp Components</code> by specifiyng the configuration properties like the <code>start</code> and <code>end</code> and the <code>title</code> of the CountUp Component.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">PlacementHero.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token operator" style="color:#393A34">&lt;</span><span class="token operator" style="color:#393A34">!</span><span class="token operator" style="color:#393A34">--</span><span class="token plain"> </span><span class="token maybe-class-name">First</span><span class="token plain"> </span><span class="token maybe-class-name">About</span><span class="token plain"> </span><span class="token maybe-class-name">Us</span><span class="token plain"> </span><span class="token maybe-class-name">Container</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">--</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex space-x-10 lg:flex-row flex-col items-center gap-12 w-full mt-12 mb-12</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Image Container --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mb-6 flex flex-col justify-center gap-6 rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- CountUp Component --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex justify-between sm:flex-row flex-col items-center gap-3</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-full md:w-max</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">CountUpComponent</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">start</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">0</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">end</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">852</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">title</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">Number of students placed</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Another CountUp Component --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for multiple <strong><a href="#placement-hero-section">CountUp Components</a></strong>. </p></div></div></li></ol><p>After completing the above steps, we successfully implemented the <strong>Hero</strong> section of Placements in our website. <strong>You can see the snapshot below:</strong></p><figure><img loading="lazy" src="/assets/images/PlacementHero-c7165b7853913c9863320921d57a4f73.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Placements Hero Section</figcaption></b></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="companies-categories">Companies Categories<a href="#companies-categories" class="hash-link" aria-label="Direct link to Companies Categories" title="Direct link to Companies Categories">​</a></h2><p>This page section provides detailed statistics on the <strong>successful placements</strong> of students and the number of companies that actively participate in <strong>campus recruitment</strong>. Moreover, these companies are often classified into distinct tiers based on their significance and desirability for students. This categorization includes tiers such as <strong>super dream</strong>, <strong>dream</strong>, <strong>normal</strong>, and <strong>core</strong> companies. This classification helps students gauge the level of competition and prioritize their preferences during the placement process.</p><div class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP unique_cziY tabs__item--active">Super Dream Companies</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Dream Companies</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Normal Companies</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP unique_cziY">Core Companies</li></ul><div class="margin-top--md"><div role="tabpanel" class="tabItem_Ymn6"><img loading="lazy" src="/assets/images/SuperDream-8eef23c9852d37ad107398358d9f5e86.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/Dream-8ae3d3acaf072e4af3829d1f3b7702bd.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/Normal-87bf37cae0f7a31427ca0dcb88628ba1.png" style="border:2px solid gray" class="img_ev3q"></div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><img loading="lazy" src="/assets/images/Core-2462849207cdbe94bdc5fe1e710182ba.png" style="border:2px solid gray" class="img_ev3q"></div></div></div><p>This sections are already made in our <strong><a href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></strong> and <strong><a href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></strong> component.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for adding multiple <strong><a href="#internships">Companies Category Sections</a></strong>. </p></div></div><br><p><em>After successfully implementing the <strong><a href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></strong> component of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP (Training and Placement)</a></strong> website, the next step is to move forward with the implementation of the <strong><a href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/placement.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/attendance-chart"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Attendance Chart</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/top-placed-students"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Top Placed Students</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#placement-hero-section" class="table-of-contents__link toc-highlight">Placement Hero Section</a></li><li><a href="#companies-categories" class="table-of-contents__link toc-highlight">Companies Categories</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/student-award/index.html b/docs/projects/tnp-website/frontend-components/student-award/index.html index 7fbda583..bdc27b43 100644 --- a/docs/projects/tnp-website/frontend-components/student-award/index.html +++ b/docs/projects/tnp-website/frontend-components/student-award/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Student Award</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Student Award</h1></header><p>The Student Award section aims at recognizing the contributions of the students and showcasing their achievements. This section is situated below the <a href="/docs/projects/tnp-website/frontend-components/hero"><strong>Hero Section</strong></a> of <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Home Page</strong></a>. </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-achievement-and-award-slides">Creating Achievement and Award Slides<a href="#creating-achievement-and-award-slides" class="hash-link" aria-label="Direct link to Creating Achievement and Award Slides" title="Direct link to Creating Achievement and Award Slides">​</a></h3><p>In order to implement <strong>Student Award Section</strong>, we need to create react functional components for both achievement and award slides. </p><p><strong>The following steps are executed:</strong></p><ol><li><p>Opening the <strong>StudentAward.jsx</strong> file.</p></li><li><p>All the dependencies and relevant modules are imported. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">Swiper</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> </span><span class="token imports maybe-class-name">SwiperSlide</span><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/react&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">Navigation</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">Pagination</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">Scrollbar</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">A11y</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">FreeMode</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports maybe-class-name">Autoplay</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token imports"> </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css/navigation&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css/pagination&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css/scrollbar&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;swiper/css/free-mode&quot;</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>A <code>StudentAward</code> component is structured as below: </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">StudentAward</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Component logic goes here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c"> gap-4 flex flex-col md:flex-row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Render Swiper components */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Two data arrays, <code>achievementSlideObj</code> and <code>awardSlideObj</code> are defined in the above component to store and edit data for achievement and award slides. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> achievementSlideObj </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">studentImg</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//image comes here,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">achievementType</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//define type of achievement,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">studentName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//student name comes here,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">caption</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Description of the achievement,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> awardSlideObj </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">awardImg</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//image comes here,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">awardName</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Name of the award,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">caption</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Description comes here,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>In the next step, JSX elements for <code>achievementSlides</code> are defined using the <code>achievementSlideObj</code> data and the structure is customized as needed. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> achivementSlides </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> achievementSlideObj</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">studentName</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Render achievement slide content */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>In the same way, <code>awardSlides</code> using <code>awardSlideObj</code> data are defined.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> awardSlides </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> awardSlideObj</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">data</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">awardName</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Render award slide content */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p> To understand more about JSX, refer the <strong><a href="https://legacy.reactjs.org/docs/introducing-jsx.html" target="_blank" rel="noopener noreferrer">JSX documentation</a></strong> properly.</p></div></div><ol start="5"><li><p>Swiper Components by passing the JSX for achievements and award slides are defined in this step. <strong>This is done in the following way:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">StudentAward.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token function-variable function maybe-class-name" style="color:#d73a49">StudentAward</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Component logic goes here</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">gap-4 flex flex-col md:flex-row</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/*Left section*/</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> /* Swiper for Awards */</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-auto w-full lg:w-[48%] border rounded-lg xl:rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Navigation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">A11y</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">navigation</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript spread operator" style="color:#393A34">...</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">awardSlides</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text" style="display:inline-block"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/*Right Section*/</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token comment" style="color:#999988;font-style:italic">/* Swiper for Achievements */</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-auto w-full lg:w-[48%] border rounded-lg xl:rounded-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Autoplay</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">navigation</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript spread operator" style="color:#393A34">...</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">achivementSlides</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Component&#x27;s appearance and functionality are customized according to the requirements. </p></li><li><p>Save the file. </p></li><li><p>Run <code>yarn dev</code> to see the changes in your local system.</p></li></ol><h3>The above steps results into the following output:</h3><img loading="lazy" src="/assets/images/Awards-7ee2a6cbc16081ed3756e1bbf76f11e3.png" style="border:2px solid grey" class="img_ev3q"><br><br><p><em>In this page, we saw how the <a href="/docs/projects/tnp-website/frontend-components/student-award"><strong>Student Awards</strong></a> section was put together. Let&#x27;s go on towards the next stage, the <a href="/docs/projects/tnp-website/frontend-components/testimonials"><strong>Testimonials Page</strong></a>, to see how the component was implemented.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/student-award.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/placed-students"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Placed Students</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/testimonials"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Testimonials</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#creating-achievement-and-award-slides" class="table-of-contents__link toc-highlight">Creating Achievement and Award Slides</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/tech-stacks/index.html b/docs/projects/tnp-website/frontend-components/tech-stacks/index.html index fb38c05d..918b8629 100644 --- a/docs/projects/tnp-website/frontend-components/tech-stacks/index.html +++ b/docs/projects/tnp-website/frontend-components/tech-stacks/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--sublist menu__link--active" aria-current="page" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Frontend Components</span><meta itemprop="position" content="3"></li></ul></nav><div class="theme-doc-markdown markdown"><header><h1>Tech Stacks</h1></header><div style="display:flex;flex-direction:Column;justify-content:space-around"><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/jpeg;base64,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" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Astro</b> is an open-source framework for generating web applications on top of popular UI frameworks like React, Preact, Vue, or Svelte. It offers a modern and flexible approach to web development, enabling developers to create fast, scalable, and engaging websites and applications.<a href="https://astro.build/" target="_blank" rel="noopener noreferrer"> Read More </a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="data:image/png;base64,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w6sJFbGu1ctULf0uDRB5H7UiBBhHK63bQNHAt7HT6eSMxPJ0Jb3kUCudt/SWPS28OijJpuQyulBAYnxjSIEGEcr9yBmr8UAABAcCOYSPLnpS7QrK9Ihbm5DWijsMXV14JYBHgYnvWIXJiLsYjUR21o5C1c+DGQExGlFmmW+il3zinpT0I6CPtWhHZNJW7ix0qObm2eigAgIDhQEGbk12YwpfJ8t6AyfDeu6OVFxyw/yh/9oADAMBAAIAAwAAABDzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzLTzzzzzzzzzzzzzzzzzzzzlNOo2L3zzzzzzzzzzzzzzzzyjPijZI6/Tzzzznzzzzzzzzzzx35xrCwxQ/TXzlvzzzzzzzzzyn7zzw21KwjTZvD7zzzzzzzzzzzzzzzw+CbYwjP7zzzzzzzzzfXLb3Xzzz2/+y9/zzzzzzzzyY1Di7bLvzzzzzzzzzzzzzzzyi1OSxDCx/wB8886388888888887M8ttbqmWcQ28Z88888888888/8888Ozyqm2MNE88888888888888888NsxUPFV88888888888888888888Oe+88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888//EACkRAQABAgMGBwEBAAAAAAAAAAERACExQVEgYXGh0eEQMECRsfDxgXD/2gAIAQMBAT8Q/wAhwkOLX7hWEjwfSlQ30daYvA0Ld6WbvgMXKYtI0b1pLR09EMpiw6/ynSSu0KMlWKbjr3+dlGLzHbAtOUd6Bslv6UoRD2KNm5ypWUJsmg18nr1oRJPCWEVlRhm9158PLRQwtHhgNiANkwaQBCbNjUoCPidKQ5VKI8+Lx9Dn1ydKbtk1MNmAUtZgfHyoQAq1lfu+k5c3ak4nv+VarHf9ihEk2EEhpqbHd9ik4nt+UHPk71e2v3dUIAeV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" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Tailwind CSS</b> is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML. It is a versatile CSS framework that offers a pragmatic and efficient approach to web development. <br> <a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer"> Read More </a></p></div><div class="tech-card" style="display:flex;border:1px solid #ccc;border-radius:5px;padding:20px;margin:10px;width:1000px;text-align:left"><img loading="lazy" src="/assets/images/Swipper-logo-a0fed75298558c1d54bed764c79d0b7f.png" style="border:2px solid gray;width:100px;margin:0 20px;border-radius:5px" class="img_ev3q"><p><b>Swiper</b> is a powerful and popular JavaScript library for creating touch-enabled, responsive sliders, carousels, and swiper components on the web. It provides a wide range of features and customization options to build interactive and engaging content sliders for websites and web applications.<a href="https://swiperjs.com/" target="_blank" rel="noopener noreferrer"> Read More </a></p></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/tech-stacks.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/getting-started"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/header"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Header</div></a></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/testimonials/index.html b/docs/projects/tnp-website/frontend-components/testimonials/index.html index 57d42f43..8fb7f268 100644 --- a/docs/projects/tnp-website/frontend-components/testimonials/index.html +++ b/docs/projects/tnp-website/frontend-components/testimonials/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Testimonials</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Testimonials</h1></header><p>Introducing Testimonials of TNP Website!</p><p>The <strong>Student Testimonials</strong> and <strong>Company Testimonials</strong> section of the website provides you feedbacks and experiences shared by the students and the companies visiting in TCET. It is a responsive and touch-enabled slider which includes data like feedback, student&#x27;s image or company logo, name and position. It supports slide touch gestures and is situated at the bottom of the <strong><a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer">Home Page</a></strong> of TNP website. </p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-testimonials">Adding Testimonials<a href="#adding-testimonials" class="hash-link" aria-label="Direct link to Adding Testimonials" title="Direct link to Adding Testimonials">​</a></h3><p>To add reviews on the website, we need to edit <strong>&quot;studentTestimonials&quot;</strong> or <strong>&quot;companyTestimonial&quot;</strong> array in <code>index.astro</code> file. Both of these array contain multiple testimonial objects of the type <strong>TestimonialType</strong>.</p><p><strong>Here&#x27;s how we made those changes: </strong></p><ol><li><p>Opening <code>index.astro</code> file in our projects root directory.</p></li><li><p>Locating the <code>studentTestimonials</code> or <code>companyTestimonial</code> array.</p></li><li><p>To add a new testimonial, we created a new object which would be defined as follows:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">info</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Testimonial content,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">photo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//file name or url of an image,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//name of the student/company,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//position or role of the student/company recruiter,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>To add or change the testimonial content, we edited the <code>info</code> property and also, updated the <code>photo</code> property with the required name of the file or url of the image.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">info</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;As I stare out the window, I can see the leaves of the trees rustling in the wind. The sun is setting, freshly cut grass. I take a deep breath and let it out slowly, feeling the tension in my body release. In this moment, everything feels perfect, and I am grateful for the simple joys in life.&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">photo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;pfp-pixelated.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//name of the student/company,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//position or role of the student/company recruiter,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>To add the name of the reviewer and position they hold, we located the <code>name</code> and <code>position</code> property of the array.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">info</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//Testimonial content,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">photo</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">//file name or url of an image,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Rahil&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">position</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;badeLog&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the <code>index.astro</code> file.</p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="displaying-testimonials">Displaying Testimonials<a href="#displaying-testimonials" class="hash-link" aria-label="Direct link to Displaying Testimonials" title="Direct link to Displaying Testimonials">​</a></h3><p> To display a testimonial slider, a <code>data</code> prop is given to the <code>TestimonialSwiper</code> component in <strong>&quot;TestimonialSwiper.tsx&quot;</strong> file. <code>TestimonialSwiper</code> is a react functional component that recieves an array of <strong>TestimonialType</strong> objects. </p><ol><li><p><code>Swiper</code> and <code>SwiperSlide</code> components are used within the <code>TestimonialSwiper</code>provided by the <strong>Swiper.js</strong> library. Within the <code>Swiper</code> component, the behaviour and appearance of the component is configured. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">TestimonialSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">modules</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">[</span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Navigation</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Pagination</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">Scrollbar</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript maybe-class-name" style="color:#00009f">A11y</span><span class="token tag script language-javascript punctuation" style="color:#393A34">]</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">spaceBetween</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">50</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">slidesPerView</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">1</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">pagination</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">clickable</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript boolean" style="color:#36acaa">true</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// onSwiper={(swiper) =&gt; console.log(swiper)}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// onSlideChange={() =&gt; console.log(&quot;slide change&quot;)}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>For each testominial object, a <code>SwiperSlide</code> component is rendered to define the content for individual slides within the Swiper component. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">TestimonialSwiper.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">testimonial</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">testimonial</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Testi</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">info</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">testimonial</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">info</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">photo</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">testimonial</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">photo</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">name</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">testimonial</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">position</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">testimonial</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">position</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">SwiperSlide</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>The <code>Testi</code> component represents an individual testimonial. It receives the testimonial&#x27;s <code>info</code>, <code>photo</code>, <code>name</code>, and <code>position</code> as props and renders them accordingly. The component includes HTML elements and CSS classes to structure and style the testimonial content.</p></li><li><p>Save the file and run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><br><p><strong>After following the above steps, the Testimonials section looks like this:</strong></p><img loading="lazy" src="/assets/images/testimonials-851b3d73ad3c8983ad9743c5b9a8c3fb.png" style="border:2px solid gray" class="img_ev3q"><br><br><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p> Check out the official documentation for more information on <strong><a href="https://swiperjs.com/get-started" target="_blank" rel="noopener noreferrer">Swiper.js</a></strong></p></div></div><br><p><em>Now that we have completed implementing <a href="/docs/projects/tnp-website/frontend-components/testimonials"><strong>Testimonials</strong></a> section, let&#x27;s move forward to see how we implemented <a href="/docs/projects/tnp-website/frontend-components/internships"><strong>Internships</strong></a> page in our <a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/testimonials.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/student-award"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Student Award</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/internships"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Internships</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-testimonials" class="table-of-contents__link toc-highlight">Adding Testimonials</a></li><li><a href="#displaying-testimonials" class="table-of-contents__link toc-highlight">Displaying Testimonials</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/top-placed-students/index.html b/docs/projects/tnp-website/frontend-components/top-placed-students/index.html index ad3b05b5..6ab16d57 100644 --- a/docs/projects/tnp-website/frontend-components/top-placed-students/index.html +++ b/docs/projects/tnp-website/frontend-components/top-placed-students/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -29,7 +29,7 @@ <code>breakpoints</code> is a prop defined that denotes the change in the number of slides based on the width of the screen.</li></ol><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">TopPlacedStudents.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">breakpoints</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">420</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">2</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">640</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">3</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">spaceBetween</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">768</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">4</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">1024</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">5</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">1280</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">slidesPerView</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript number" style="color:#36acaa">6</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p><code>navigation</code> prop specifies navigation elements and their associated classes. The elements which are defined with these classes will identify as either <strong>previous button</strong> or <strong>next button</strong>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">TopPlacedStudents.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">navigation</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">prevEl</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;.swiper-prev&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript comment" style="color:#999988;font-style:italic">//previous button.</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">nextEl</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;.swiper-next&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript comment" style="color:#999988;font-style:italic">//next button.</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">disabledClass</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;swiper-button-disabled&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">//swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="4"><li>Two div elements for the previous and next navigation buttons are defined. These elements contain image elements for the navigation buttons which can be seen in <a href="https://github.com/tcet-opensource/tnp-website/blob/216af67c8878b8ec82cef31162f94f6a04588c8f/src/components/TopPlacedStudents/TopPlacedStudents.jsx#LL125C1-L130C15" target="_blank" rel="noopener noreferrer"><strong>TopPlacedStudents.jsx</strong></a>. Also, refer <a href="https://github.com/tcet-opensource/tnp-website/blob/main/src/components/TopPlacedStudents/index.astro" target="_blank" rel="noopener noreferrer"><strong>index.astro</strong></a> to see how we displayed the heading of the section.</li></ol><p><strong>The above steps gives the following output:</strong></p><figure><img loading="lazy" src="/assets/images/TopPlacedStudents-ba899ab2796a6f050fc218814faa933f.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Top Placed Students Section</figcaption></b></center></figure><p><em>Let&#x27;s move on to the next section, where we will see how we implemented <a href="/docs/projects/tnp-website/frontend-components/placed-students"><strong>Placed Students</strong></a> section.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/top-placed-students.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/placement"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Placement</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/placed-students"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Placed Students</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#top-placed-students-component" class="table-of-contents__link toc-highlight">Top Placed Students Component</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/top-recruiters/index.html b/docs/projects/tnp-website/frontend-components/top-recruiters/index.html index 7f6b4c41..ddce6a5a 100644 --- a/docs/projects/tnp-website/frontend-components/top-recruiters/index.html +++ b/docs/projects/tnp-website/frontend-components/top-recruiters/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Top Recruiters</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Top Recruiters</h1></header><p>The <strong>Top Recruiters</strong> page of the website gives you information about the top companies and the recuiters during the placement procedure. It is accesible through the Home Page of the <a href="https://tnp.tcetmumbai.in/" target="_blank" rel="noopener noreferrer"><strong>TNP Website</strong></a>.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-marquee-component-to-the-page">Adding Marquee component to the page<a href="#adding-marquee-component-to-the-page" class="hash-link" aria-label="Direct link to Adding Marquee component to the page" title="Direct link to Adding Marquee component to the page">​</a></h3><p>*<em>Steps to add a Marquee Component:</em></p><ol><li><p>Opening <code>LogosMarquee.tsx</code> file in our projects root directory.</p></li><li><p>A functional component called <code>LogosMarquee</code> and this component accepts two props: <code>data</code> and <code>oppDirection</code>.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">LogosMarquee.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">LogosMarquee</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token maybe-class-name">React</span><span class="token punctuation" style="color:#393A34">.</span><span class="token constant" style="color:#36acaa">FC</span><span class="token operator" style="color:#393A34">&lt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">data</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">imgUrl</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> string </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> oppDirection</span><span class="token operator" style="color:#393A34">?</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> boolean </span><span class="token operator" style="color:#393A34">|</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">false</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token operator" style="color:#393A34">&gt;</span><span class="token plain"> </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> data</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> oppDirection </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>Marquee</code> component accepts two props: <code>direction</code> specifies the direction of the marquee animation. If <code>oppDirection</code> is <code>true</code>, the direction is set to &quot;right&quot;, otherwise, it is set to &quot;left&quot;, <code>speed</code> specifies the speed of the marquee animation. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">LogosMarquee.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Marquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">direction</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">oppDirection </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;right&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;left&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">speed</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The <code>data</code> prop is an array of objects, where each object has two properties: <code>imgUrl</code> (string) and <code>name</code> (string). The mapping iterates over each object in the <code>data</code> array and generates an <code>&lt;img&gt;</code> element for each logo image. The <code>key</code> prop is set to the name property for efficient rendering.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">LogosMarquee.tsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token comment" style="color:#999988;font-style:italic">// Other part of section</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Marquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">direction</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">oppDirection </span><span class="token tag script language-javascript operator" style="color:#393A34">?</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;right&quot;</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;left&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">speed</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript number" style="color:#36acaa">30</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">data</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">map</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">d</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">key</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">className</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">h-8 object-contain</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">imgUrl</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">d</span><span class="token tag script language-javascript punctuation" style="color:#393A34">.</span><span class="token tag script language-javascript property-access" style="color:#00009f">name</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Marquee</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment. </p></li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="adding-logo-and-content">Adding Logo and Content<a href="#adding-logo-and-content" class="hash-link" aria-label="Direct link to Adding Logo and Content" title="Direct link to Adding Logo and Content">​</a></h3><p><strong>Here&#x27;s how we added logo and content of the company in the <a href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a> section</strong></p><ol><li><p>Opening <code>index.astro</code> in the &#x27;Top Recruiters` component file in our projects root directory.</p></li><li><p>An array called <code>data</code>, which contains multiple objects representing different logos. Each object has two properties: <code>name</code> (the name of the company) and <code>imgUrl</code> (the URL of the company&#x27;s logo image).</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> data </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">name</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Accenture&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">imgUrl</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;https://images.squarespace-cdn.com/content/v1/5d23ae890b7dee000180ec51/1586367987659-BZ5L8BA1UZBLNVFMATYK/ke17ZwdGBToddI8pDm48kPjg6bM-W17gCtBWJ8Mjp2AUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYwL8IeDg6_3B-BRuF4nNrNcQkVuAT7tdErd0wQFEGFSnBItPiluyZS-UhYJJ6omcW3Y-2_8y8J8iHad74oPUfQWBOqOCHXbC31Z0m-iT7ZRQQ/accenturelogo.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Repeated multiple times in a marquee</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>This <code>div</code> element contains a text section with information about top recruiters. The text can be added added or edited from this section.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col mt-4 flex-initial xl:w-1/2 md:w-1/2 sm:w-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">m-8</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-3xl font-title pb-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">Top Recruiters</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-700 font-Inter</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> TCET has an enviable record in placement of students. The institute has been accredited by major companies like Infosys, Tata Consultancy Services, iGATE, and Tech mahindra, etc.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>The four <code>LogosMarquee</code> components are rendered within the carousel container. They are responsible for displaying the marquee of logos. Each <code>LogosMarquee</code> component receives the <code>data</code> prop, which is set to the <code>data</code> array defined earlier. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">LogosMarquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">LogosMarquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">oppDirection</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">LogosMarquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">LogosMarquee</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">only</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">react</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">data</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f">data</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">oppDirection</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Save the changes.</p></li><li><p>Run <code>yarn dev</code> on the terminal to see the changes made in your local environment.</p></li></ol><p><strong>On executing the above steps, the individual cards look like this:</strong></p><img loading="lazy" src="/assets/images/LogoMarquee_img-4e3d4ee079f868760f08c8efe9de2dd4.png" style="border:2px solid gray" class="img_ev3q"><br><br><p><em>After successfully implementing the <strong><a href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></strong> component of the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TNP (Training and Placement)</a></strong> website, the next step is to move forward with the implementation of the <strong><a href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></strong> component.</em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/top-recruiters.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-19T14:09:50.000Z">Jun 19, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/companies"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Companies</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/about-us"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">About Us</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#adding-marquee-component-to-the-page" class="table-of-contents__link toc-highlight">Adding Marquee component to the page</a></li><li><a href="#adding-logo-and-content" class="table-of-contents__link toc-highlight">Adding Logo and Content</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/frontend-components/training/index.html b/docs/projects/tnp-website/frontend-components/training/index.html index 753e3539..610c281e 100644 --- a/docs/projects/tnp-website/frontend-components/training/index.html +++ b/docs/projects/tnp-website/frontend-components/training/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/header">Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/hero">Hero</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/frontend-components/training">Training</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placement">Placement</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-placed-students">Top Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/placed-students">Placed Students</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/student-award">Student Award</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/testimonials">Testimonials</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/internships">Internships</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/industry-interaction">Industry Interaction</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/event-page">Event Page</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/companies">Companies</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/top-recruiters">Top Recruiters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/about-us">About Us</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/frontend-components/footer">Footer</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><span itemprop="name">Frontend Components</span></a><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Training</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Training</h1></header><p>The Training page on our website showcases a variety of training activities conducted by <strong>Training and Placement Cell</strong> along with professional student bodies under the <strong>T&amp;P department</strong>. It highlights the initiatives aimed at <strong>enhancing the skills</strong> and <strong>knowledge</strong> of students, preparing them for future careers. Additionally, the page features major events organized by these student bodies, providing valuable opportunities for <strong>networking</strong> and <strong>career development</strong>.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="huge-events-section">Huge Events Section<a href="#huge-events-section" class="hash-link" aria-label="Direct link to Huge Events Section" title="Direct link to Huge Events Section">​</a></h2><p>The <strong>HugeEvents</strong> Component, defined in the <code>index.astro</code> file, is a flexible and responsive section that showcases various events organized by <strong>Training and Placement Cell</strong>. . It allows displaying event details such as the <strong>event name</strong>, an <strong>associated image</strong>, and a <strong>description</strong>. This component is designed to provide an engaging and visually appealing way to present event information on the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">T&amp;P Website</a></strong>.</p><p><strong>Lets take a look at how we implemented this component in our website.</strong></p><ol><li><p>Open <code>index.astro</code> file.</p></li><li><p>We now added the different events that are conducted by the organizations under <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">T&amp;P</a></strong>. </p></li><li><p>The <code>&lt;div&gt;</code> classes in the provided code snippet define the styling and layout of the elements within the component.</p></li><li><p>We them mention the <strong>event name</strong>, and <strong>event description</strong> in the code as shown below.</p><p><strong>We will see how we implemented those changes:</strong></p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col md:flex-row md:justify-center gap-y-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col md:w-1/2</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">py-3 pl-3 text-3xl font-title bg-blue-50 rounded-lg text-blue-600</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Event name goes here --&gt;</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Hacktoberfest - GDSC-TCET</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">mt-4 object-contain w-full rounded-t-xl</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">../../events/pic_1.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">pic_1</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">bg-blue-100 text-slate-700 font-Inter text-sm sm:text-base rounded-b-xl p-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Event description goes here --&gt;</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> College level Hacktoberfest event was conducted to encourage students to</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> contribute to open source projects and to learn about the open source</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> community.</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!--Other Huge Events--&gt; </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Also, we added an <code>image</code> section in the middle to include some event pictures or banners.</p></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out for multiple <strong><a href="#huge-events-section">Huge Events</a></strong>. </p></div></div><p>After completing the above steps, we successfully incorporated the <strong>Huge Events</strong> section in our website. <strong>You can see the snapshot below:</strong></p><figure><img loading="lazy" src="/assets/images/HugeEvents-a0e6e63c695e41ecc3e78b0064ca4205.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Huge Events Section</figcaption></b></center></figure><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="professional-bodies-section">Professional Bodies Section<a href="#professional-bodies-section" class="hash-link" aria-label="Direct link to Professional Bodies Section" title="Direct link to Professional Bodies Section">​</a></h2><p>This section showcases the <strong>professional student bodies</strong> of the Training and Placement Cell. It provides information about the different student bodies and their respective logos.</p><p>It was implemented in a similar way as the <strong><a href="#huge-events-section">Huge Events Section</a></strong>. <strong>Lets have a look at the changes that were made to achieve this.</strong></p><ol><li><p>Opening <code>index.astro</code> file for <em>Professional Bodies Section</em>.</p></li><li><p>The first <code>&lt;div&gt;</code> container contains the main heading of the section.</p></li><li><p>Then, next we added the tagline of the section as shown in <strong>line number 8</strong>.</p></li><li><p>After this we defined another parent container <code>&lt;div&gt;</code> which then included the images of the professional bodies withing the <code>&lt;img&gt;</code> and their name mentioned in the <code>&lt;span&gt;</code> tags.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col justify-center align-middle sm:w-2/6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">font-semibold text-2xl xl:text-3xl font-Inter pb-2 uppercase</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Title of the student bodies section --&gt;</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> professional student bodies of training and placement cell</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-slate-700 font-Inter text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Description of the student bodies section --&gt;</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Working together for a better Future!!</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">md:flex-col sm:w-3/5 mt-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Student body section 1 --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex justify-left xl:justify-center gap-x-4 items-center bg-gray-50 rounded-lg p-6</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-10 object-contain</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">../../logos/tcet_shastra.png</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">tcet_shastra</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">span</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">text-lg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text">TCET Shastra Coding Club</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">span</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- More student body sections can be added here --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out to add multiple <strong><a href="#professional-bodies-section">Professional Student Bodies</a></strong>. </p></div></div><p>After completing the above steps, we successfully incorporated the <strong>Professional Bodies</strong> section in our website. <strong>You can see the snapshot below:</strong></p><figure><img loading="lazy" src="/assets/images/ProfessionalBodies-53508b2de6fe27b69a7b4e9edf917207.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Professional Bodies Section</figcaption></b></center></figure><div class="theme-admonition theme-admonition-caution alert alert--warning admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy">ℹ️</span>IMPORTANT</div><div class="admonitionContent_S0QG"><p>Similarly, we have also included the <b><a href="https://opensource.tcetmumbai.in" target="_blank" rel="noopener noreferrer">TCET Open Source</a></b> section in the <b><a href="#professional-bodies-section">Professional Bodies</a></b>.<br>You can refer it here: <b><a href="https://github.com/tcet-opensource/tnp-website/blob/main/src/components/Training/TcetOpenSource/index.astro" target="_blank" rel="noopener noreferrer">TCET Open Source section.</a></b></p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hero-section">Hero Section<a href="#hero-section" class="hash-link" aria-label="Direct link to Hero Section" title="Direct link to Hero Section">​</a></h2><p>While implementing <strong>Hero Section</strong>, we wanted to add a Carousel Section where we can display different images, so we created an <code>Carousel.jsx</code> file to implement a <strong>Swipe Carousel.</strong></p><p><strong>Below are the steps for implementation:</strong></p><ol><li><p>An array called <code>data</code> is defined, containing objects with <code>caption</code> and <code>imgLink</code> properties. Each object represents a slide in the Swiper component and holds the caption and image link for the slide.</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Carousel.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> data </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">caption</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;Massa elementum mi sed magnis&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">imgLink</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;student-workshop.png&quot;</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token comment" style="color:#999988;font-style:italic">// Other Image Links and Captions</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain" style="display:inline-block"></span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>We then defined a <strong>Swiper</strong> component in our code to set various configurations and properties. The navigation configurations were updated in this component as we can shee in the highlighted part of the code below:</p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">Carousel.jsx</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"></span><span class="token keyword control-flow" style="color:#00009f">return</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Swiper</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag comment" style="color:#999988;font-style:italic">// install Swiper modules</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">navigation</span><span class="token tag script language-javascript script-punctuation punctuation" style="color:#393A34">=</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript punctuation" style="color:#393A34">{</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">prevEl</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;.swiper-prev&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">nextEl</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;.swiper-next&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript literal-property property" style="color:#36acaa">disabledClass</span><span class="token tag script language-javascript operator" style="color:#393A34">:</span><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript string" style="color:#e3116c">&quot;swiper-button-disabled&quot;</span><span class="token tag script language-javascript punctuation" style="color:#393A34">,</span><span class="token tag script language-javascript" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag script language-javascript" style="color:#00009f"> </span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag script language-javascript punctuation" style="color:#393A34">}</span><span class="token tag" style="color:#00009f"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li><li><p>Now we headed over to the <code>index.astro</code> file to add other components in the section.</p></li><li><p>We added the <strong>Carousel</strong> component from the <code>Carousel.jsx</code> file, and in the next container we defined various activities under training with a short description about the same. The <strong>svg icons</strong> denoting the activites were also added. </p><div class="language-jsx codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_Ktv7">index.astro</div><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-jsx codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv codeBlockLinesWithNumbering_o6Pm"><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">grid lg:grid-rows-2 lg:grid-cols-3 sm:grid-rows-3 sm:grid-cols-2 grid-cols-1 grid-rows-6 gap-4</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Carousel</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name namespace" style="color:#00a4db;opacity:0.7">client:</span><span class="token tag attr-name" style="color:#00a4db">load</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">flex flex-col gap-y-3 p-4 rounded-2xl border border-[#CCC6FF] bg-[#EEECFF]</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">div</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">w-14 h-14 bg-[#A488F0] p-4 flex items-center justify-center rounded-full</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">img</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">src</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">/misc/stacks.svg</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">alt</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">stack-of-books-icon</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag" style="color:#00009f"> </span><span class="token tag punctuation" style="color:#393A34">/&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-2xl md:text-2xl text-xl font-title font-normal</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> Aptitude Training</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">h2</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag" style="color:#00009f">p</span><span class="token tag" style="color:#00009f"> </span><span class="token tag attr-name" style="color:#00a4db">class</span><span class="token tag attr-value punctuation attr-equals" style="color:#393A34">=</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag attr-value" style="color:#e3116c">lg:text-base md:text-sm text-[#475467] text-sm</span><span class="token tag attr-value punctuation" style="color:#393A34">&quot;</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> The main objective of this program is to make students employable by</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> providing them training on aptitude skills and soft skills. Under this,</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> we conduct various mock activities like Aptitude test, Group discussion</span></span><br></span><span class="token-line theme-code-block-highlighted-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> and personal interviews and more!</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">p</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> </span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token plain-text"></span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"> &lt;!-- Other activites added --&gt;</span></span><br></span><span class="token-line codeLine_lJS_" style="color:#393A34"><span class="codeLineNumber_Tfdd"></span><span class="codeLineContent_feaV"><span class="token plain-text"></span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag" style="color:#00009f">div</span><span class="token tag punctuation" style="color:#393A34">&gt;</span></span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></li></ol><div class="theme-admonition theme-admonition-tip alert alert--success admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_S0QG"><p>Similar steps were carried out to add multiple <strong><a href="#hero-section">Training Activities</a></strong>. </p></div></div><p>After completing the above steps, we successfully incorporated the <strong>Hero</strong> section in our website. <strong>You can see the snapshot below:</strong></p><figure><img loading="lazy" src="/assets/images/HeroTraining-227049954ab417cc542b1c23aad8f203.png" style="border:2px solid gray" class="img_ev3q"><center><b><figcaption>Hero Section of Training Component</figcaption></b></center></figure><br><br><p><em>With the successful implementation of the provided code, we have successfully incorporated the <strong><a href="/docs/projects/tnp-website/frontend-components/training">Training</a></strong> page into our website. Moving forward, let&#x27;s now explore how we integrated the <strong><a href="/docs/projects/tnp-website/frontend-components/attendance-chart">Attendance Chart</a></strong> page into the <strong><a href="https://tnp.tcetmumbai.in" target="_blank" rel="noopener noreferrer">T&amp;P Website</a></strong></em></p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/frontend-components/training.mdx" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-26T14:24:23.000Z">Jun 26, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/frontend-components/hero"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Hero</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/attendance-chart"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Attendance Chart</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#huge-events-section" class="table-of-contents__link toc-highlight">Huge Events Section</a></li><li><a href="#professional-bodies-section" class="table-of-contents__link toc-highlight">Professional Bodies Section</a></li><li><a href="#hero-section" class="table-of-contents__link toc-highlight">Hero Section</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/projects/tnp-website/getting-started/index.html b/docs/projects/tnp-website/getting-started/index.html index 696ded9a..b5406191 100644 --- a/docs/projects/tnp-website/getting-started/index.html +++ b/docs/projects/tnp-website/getting-started/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/docs-site/about-docs">Docs Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;Docs Site&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Site</a><button aria-label="Toggle the collapsible sidebar category &#x27;T&amp;P Site&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/projects/tnp-website/directory-structure">Directory Structure</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/projects/tnp-website/getting-started">Getting Started</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tnp-website/frontend-components/tech-stacks">Frontend Components</a><button aria-label="Toggle the collapsible sidebar category &#x27;Frontend Components&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/fmc-website/about-fmc-website">Fill My Cycle Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Fill My Cycle Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/resume-screener-website/about-resume-screener-website">Resume Screener Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resume Screener Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux-website/about-tcet-linux-website">TCET Linux Website</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux Website&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" tabindex="0" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a><button aria-label="Toggle the collapsible sidebar category &#x27;TCET Linux&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/projects"><span itemprop="name">Projects</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/projects/tnp-website/about-tnp-website"><span itemprop="name">T&amp;P Site</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Getting Started</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Getting Started</h1></header><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><p>The TCET Training and Placment page is built using AstroJS, an all-in-one web framework designed for speed.</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-the-site-on-your-local-system">Steps to run the site on your local system:<a href="#steps-to-run-the-site-on-your-local-system" class="hash-link" aria-label="Direct link to Steps to run the site on your local system:" title="Direct link to Steps to run the site on your local system:">​</a></h3><p>These are the steps you need to follow to get this site on your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-git-in-your-computer">Install Git in your computer<a href="#install-git-in-your-computer" class="hash-link" aria-label="Direct link to Install Git in your computer" title="Direct link to Install Git in your computer">​</a></h3><p>Follow these steps to install git in your computer.</p><ol><li>Go to <a href="https://git-scm.com/downloads" target="_blank" rel="noopener noreferrer">https://git-scm.com/downloads</a>.</li><li>Click on Windows. Download should start.</li><li>Go to downloads and install the package.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clone-the-repo">Clone the repo<a href="#clone-the-repo" class="hash-link" aria-label="Direct link to Clone the repo" title="Direct link to Clone the repo">​</a></h3><p>Open Git Bash in any folder and paste the following command</p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">git</span><span class="token plain"> clone https://github.com/tcet-opensource/tnp-website</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-nodejs">Install NodeJS<a href="#install-nodejs" class="hash-link" aria-label="Direct link to Install NodeJS" title="Direct link to Install NodeJS">​</a></h3><ol><li>Go to <a href="https://nodejs.org/en/download" target="_blank" rel="noopener noreferrer">https://nodejs.org/en/download</a></li><li>Select <b>Current</b>.</li><li>Download the 64-bit .msi version. Follow the steps and install NodeJS.</li></ol><div class="theme-admonition theme-admonition-note alert alert--secondary admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path></svg></span>note</div><div class="admonitionContent_S0QG"><p>It is important to have NodeJS in your system</p></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="open-the-folder-in-vs-code">Open the folder in VS Code<a href="#open-the-folder-in-vs-code" class="hash-link" aria-label="Direct link to Open the folder in VS Code" title="Direct link to Open the folder in VS Code">​</a></h3><ol><li>Install <a href="https://code.visualstudio.com/docs/?dv=win32user" target="_blank" rel="noopener noreferrer">VS Code</a> if not installed. </li><li>Open Windows Terminal in the folder you have cloned the repo, as done in <a href="#clone-the-repo">step 2</a>.</li></ol><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install-important-packagesdependencies">Install Important Packages/Dependencies<a href="#install-important-packagesdependencies" class="hash-link" aria-label="Direct link to Install Important Packages/Dependencies" title="Direct link to Install Important Packages/Dependencies">​</a></h3><p>Install yarn globally </p><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">npm</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">install</span><span class="token plain"> -g </span><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>You can make changes to your respective files and changes will be shown once you have saved the file.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="commands-used-to-run-locally">Commands used to run locally<a href="#commands-used-to-run-locally" class="hash-link" aria-label="Direct link to Commands used to run locally" title="Direct link to Commands used to run locally">​</a></h3><ol><li>To run the commands, make sure that you have installed yarn globally first.</li><li>All commands are run from the root of the project, from a terminal</li></ol><p>Here are a set of commands used to run locally:</p><table><thead><tr><th><strong>Command</strong></th><th><strong>Action</strong></th></tr></thead><tbody><tr><td><code>yarn</code></td><td>Installs dependencies</td></tr><tr><td><code>yarn dev</code></td><td>Starts local dev server at <code>localhost:3000</code></td></tr><tr><td><code>yarn build</code></td><td>Build your production site to <code>./dist/</code></td></tr><tr><td><code>yarn preview</code></td><td>Preview your build locally, before deploying</td></tr><tr><td><code>yarn astro ...</code></td><td>Run CLI commands like <code>astro add</code>, <code>astro check</code></td></tr><tr><td><code>yarn astro --help</code></td><td>Get help using the Astro CLI</td></tr></tbody></table><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="steps-to-run-after-a-pull--merge">Steps to run after a Pull / Merge:<a href="#steps-to-run-after-a-pull--merge" class="hash-link" aria-label="Direct link to Steps to run after a Pull / Merge:" title="Direct link to Steps to run after a Pull / Merge:">​</a></h3><ol><li>To install all dependencies</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ol start="2"><li>To run local dev environment</li></ol><div class="language-bash codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token function" style="color:#d73a49">yarn</span><span class="token plain"> dev</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/projects/tnp-website/getting-started.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-06-15T06:45:29.000Z">Jun 15, 2023</time></b> by <b>Himanshu Agarwal</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/projects/tnp-website/directory-structure"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Directory Structure</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/projects/tnp-website/frontend-components/tech-stacks"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tech Stacks</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#steps-to-run-the-site-on-your-local-system" class="table-of-contents__link toc-highlight">Steps to run the site on your local system:</a></li><li><a href="#install-git-in-your-computer" class="table-of-contents__link toc-highlight">Install Git in your computer</a></li><li><a href="#clone-the-repo" class="table-of-contents__link toc-highlight">Clone the repo</a></li><li><a href="#install-nodejs" class="table-of-contents__link toc-highlight">Install NodeJS</a></li><li><a href="#open-the-folder-in-vs-code" class="table-of-contents__link toc-highlight">Open the folder in VS Code</a></li><li><a href="#install-important-packagesdependencies" class="table-of-contents__link toc-highlight">Install Important Packages/Dependencies</a></li><li><a href="#commands-used-to-run-locally" class="table-of-contents__link toc-highlight">Commands used to run locally</a></li><li><a href="#steps-to-run-after-a-pull--merge" class="table-of-contents__link toc-highlight">Steps to run after a Pull / Merge:</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/resources/workflows/external-workflow/index.html b/docs/resources/workflows/external-workflow/index.html index 862adef3..cc082f3c 100644 --- a/docs/resources/workflows/external-workflow/index.html +++ b/docs/resources/workflows/external-workflow/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/category/workflows">Workflows</a><button aria-label="Toggle the collapsible sidebar category &#x27;Workflows&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/resources/workflows/internal-workflow/">Internal Workflow</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/resources/workflows/external-workflow/">External Workflow</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/resources"><span itemprop="name">Resources</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/workflows"><span itemprop="name">Workflows</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">External Workflow</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Organization&#x27;s External Workflow</h1></header><p>This document discusses the Git workflow for the contributors outside the Organization. All contributors are requested to be thorough with this workflow in order to keep up with the fast paced developement/production life cycle of our software.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="pre-requisites">Pre-requisites<a href="#pre-requisites" class="hash-link" aria-label="Direct link to Pre-requisites" title="Direct link to Pre-requisites">​</a></h2><p>You need to have Git installed on your device in order to use the Git commands in the terminal. Visit <a href="https://docs.github.com/en/get-started/quickstart/set-up-git#setting-up-git" target="_blank" rel="noopener noreferrer">GitHub&#x27;s documentation</a> to set-up Git on your device.</p><p>As an IDE, Visual Studio Code being the best recommendation, must also be installed.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="raising-issues">Raising issues<a href="#raising-issues" class="hash-link" aria-label="Direct link to Raising issues" title="Direct link to Raising issues">​</a></h2><p>Issues are the standard way to for communication between maintainers, contributors and end users on GitHub. They can be raised by anyone highlighting <strong>task allocation</strong>, <strong>bug reports</strong>, <strong>feature request</strong>, <strong>security vulnerablity</strong>, etc.</p><p>If you wish to contribute to a specific part of the project, <code>raise an issue</code> and request the maintainers to assign it to you. This is where your work within the project begins.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="forking-the-repository">Forking the repository<a href="#forking-the-repository" class="hash-link" aria-label="Direct link to Forking the repository" title="Direct link to Forking the repository">​</a></h2><p>As an outside contributor, you do not have an access to directly push changes to our repositories. Hence you need to have a copy of the same repository on your account in order to work on the project.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Note</div><div class="admonitionContent_S0QG"><p>There is no Git command required for this particular action, as the GitHub interface itself provides a <strong>Fork</strong> tab in the top right of the repository page as shown below. </p><p><img loading="lazy" alt="Forking the repository" src="/assets/images/fork-289b2c09a1d9ac9e7367b418bdddf267.png" width="1103" height="233" class="img_ev3q"></p><p>Upon creating a fork, a copy of the repository will be available on your GitHub account.</p></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="working-on-your-repository">Working on your repository<a href="#working-on-your-repository" class="hash-link" aria-label="Direct link to Working on your repository" title="Direct link to Working on your repository">​</a></h2><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cloning-the-repository">Cloning the repository<a href="#cloning-the-repository" class="hash-link" aria-label="Direct link to Cloning the repository" title="Direct link to Cloning the repository">​</a></h3><p>The next step involves cloning the system to your local repository. In the terminal, use the command <code>git clone</code> and paste your repository&#x27;s URL to make changes in the project.</p><p><img loading="lazy" alt="Cloning the repository" src="/assets/images/clone-ac2fc17fd67f667fd57294564e410373.png" width="1298" height="501" class="img_ev3q"></p><p>The clone command would look like the following. Note that your repository&#x27;s URL would have your account&#x27;s name in it.</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git clone &lt;your repository url&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="keeping-your-repository-and-local-up-to-date">Keeping your repository and local up-to-date<a href="#keeping-your-repository-and-local-up-to-date" class="hash-link" aria-label="Direct link to Keeping your repository and local up-to-date" title="Direct link to Keeping your repository and local up-to-date">​</a></h3><ul><li>While you are working on your project, several versions of code are scattered within the main repository in the Organization. You need to make sure that you always have the updated code before pushing to GitHub to avoid <strong>merge conflicts</strong>.</li><li>Before starting to work on your code, you must ensure that your repository is up-to-date with the main repository.</li></ul><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>info</div><div class="admonitionContent_S0QG"><ul><li>Referring the above screenshot, the forked repository is not up-to-date with the repository.</li><li>If your repository is <em>n commits behind main</em>, you need to click on <code>Sync Fork</code> to fetch the changes from main repository to yours.</li><li>To bring these changes in your local, use the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git pull</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><p>It is a good developer practice to always pull updated code before pushing your modified code to the repository.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="reflecting-your-changes-on-github">Reflecting your changes on GitHub<a href="#reflecting-your-changes-on-github" class="hash-link" aria-label="Direct link to Reflecting your changes on GitHub" title="Direct link to Reflecting your changes on GitHub">​</a></h3><p>At any given time, you can check the status of your modifications on the local:</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git status</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="staging-area">Staging Area<a href="#staging-area" class="hash-link" aria-label="Direct link to Staging Area" title="Direct link to Staging Area">​</a></h4><ul><li>Staging Area in Git is is the middle ground between what you have done to your files and what was last committed in the repository.</li><li>Before reflecting your changes on GitHub, all files are needed to be added to this staging area.</li><li>To add files to staging area, use the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git add index.html</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>This adds <code>index.html</code> to the staging area. If you want to add all files, use <code>git add .</code></li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="commits-and-pushes">Commits and Pushes<a href="#commits-and-pushes" class="hash-link" aria-label="Direct link to Commits and Pushes" title="Direct link to Commits and Pushes">​</a></h3><ul><li>GitHub is a version control tool. To track all past versions, GitHub uses <code>commits</code> made by contributors to show changes made to the files.</li><li>To reflect your local changes on GitHub, they need to be committed first with the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git commit -m &quot;&lt;your commit message&gt;&quot;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>You must ensure that <code>&lt;your commit message&gt;</code> is a valid explanation of the changes you have made to the files.</li></ul><p>Finally, once all of the above are done, push your changes to GitHub:</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git push</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-a-pull-request">Creating a Pull Request<a href="#creating-a-pull-request" class="hash-link" aria-label="Direct link to Creating a Pull Request" title="Direct link to Creating a Pull Request">​</a></h2><p>As you keep pushing changes on your repository, GitHub will start adding the number of commits you are ahead of main. To reflect these changes in the Organization, you need to create a <strong>Pull Request</strong> upon pushing all the changes done on your local by clicking on <code>Contribute</code>.</p><p><img loading="lazy" alt="Creating a pull request" src="/assets/images/pr-9cb0cb0202ff5146d6ebdeebaccac197.png" width="1127" height="365" class="img_ev3q"></p><p>By following the above step, you will be able to edit the PR on GitHub&#x27;s editor.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Writing good Pull Requests</div><div class="admonitionContent_S0QG"><ul><li>Your pull request title should suggest what changes you have done in your repository.</li><li>The title should start with a prefix within square brackets. It can reflect <code>[FEATURE]</code>, <code>[FIX]</code>, <code>[MINOR]</code>, <code>[MAJOR]</code>, <code>[PAGE]</code>, <code>[DEPLOYMENT]</code>, etc.</li><li>As a good developer practice, you should elaboratively describe what changes you have made to the code and highlight them in the description.</li></ul></div></div><ul><li>Upon submitting the pull request, the administrator is notified of your changes and can <strong>approve</strong>, <strong>reject</strong> or <strong>request changes</strong> to your pull request.</li><li>You can also notify repository maintainers and engage conversations with them on the pull request. An example of such conversation can be observed here:</li></ul><p><img loading="lazy" alt="Conversation" src="/assets/images/conversation-dc4077fe8f33ef876d32ed18570717b1.png" width="1159" height="792" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-next-steps">The Next Steps<a href="#the-next-steps" class="hash-link" aria-label="Direct link to The Next Steps" title="Direct link to The Next Steps">​</a></h2><p>If the maintainer requests changes in your pull request, you can add further commits on the pull request and <em>mark the changes as resolved</em> for further approval from the maintainer.</p><p>Once a maintainer approves your changes, then finally your pull request will be merged to the Organization repository.</p><p>This is the entire developer cycle for a contributor working from outside the Organization. Every time a maintainer approves your issue, you should follow the same make meaningful contributions to our projects.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/resources/workflows/external-workflow/external-workflow.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-09T18:14:44.000Z">May 9, 2023</time></b> by <b>Vishal Rawat</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/resources/workflows/internal-workflow/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Internal Workflow</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#pre-requisites" class="table-of-contents__link toc-highlight">Pre-requisites</a></li><li><a href="#raising-issues" class="table-of-contents__link toc-highlight">Raising issues</a></li><li><a href="#forking-the-repository" class="table-of-contents__link toc-highlight">Forking the repository</a></li><li><a href="#working-on-your-repository" class="table-of-contents__link toc-highlight">Working on your repository</a><ul><li><a href="#cloning-the-repository" class="table-of-contents__link toc-highlight">Cloning the repository</a></li><li><a href="#keeping-your-repository-and-local-up-to-date" class="table-of-contents__link toc-highlight">Keeping your repository and local up-to-date</a></li><li><a href="#reflecting-your-changes-on-github" class="table-of-contents__link toc-highlight">Reflecting your changes on GitHub</a></li><li><a href="#commits-and-pushes" class="table-of-contents__link toc-highlight">Commits and Pushes</a></li></ul></li><li><a href="#creating-a-pull-request" class="table-of-contents__link toc-highlight">Creating a Pull Request</a></li><li><a href="#the-next-steps" class="table-of-contents__link toc-highlight">The Next Steps</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/docs/resources/workflows/internal-workflow/index.html b/docs/resources/workflows/internal-workflow/index.html index af37078c..4d20decb 100644 --- a/docs/resources/workflows/internal-workflow/index.html +++ b/docs/resources/workflows/internal-workflow/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -22,7 +22,7 @@ <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0 docsWrapper_BCFX"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docPage__5DB"><aside class="theme-doc-sidebar-container docSidebarContainer_b6E3"><div class="sidebarViewport_Xe31"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--light_HNdA"><img src="/img/logo.png" alt="TCET Open Source Logo" class="themedImage_ToTc themedImage--dark_i4oU"><b>TCET Open Source</b></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/docs/about-tcetopensource">About the Organization</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/docs/category/projects">Projects</a><button aria-label="Toggle the collapsible sidebar category &#x27;Projects&#x27;" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" href="/docs/category/resources">Resources</a><button aria-label="Toggle the collapsible sidebar category &#x27;Resources&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" aria-expanded="true" tabindex="0" href="/docs/category/workflows">Workflows</a><button aria-label="Toggle the collapsible sidebar category &#x27;Workflows&#x27;" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/resources/workflows/internal-workflow/">Internal Workflow</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/docs/resources/workflows/external-workflow/">External Workflow</a></li></ul></li></ul></li></ul></nav><button type="button" title="Collapse sidebar" aria-label="Collapse sidebar" class="button button--secondary button--outline collapseSidebarButton_PEFL"><svg width="20" height="20" aria-hidden="true" class="collapseSidebarButtonIcon_kv0_"><g fill="#7a7a7a"><path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0"></path><path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0"></path></g></svg></button></div></div></aside><main class="docMainContainer_gTbr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/resources"><span itemprop="name">Resources</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/docs/category/workflows"><span itemprop="name">Workflows</span></a><meta itemprop="position" content="2"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Internal Workflow</span><meta itemprop="position" content="3"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Organization&#x27;s Internal Workflow</h1></header><p>This document discusses the Git workflow for members of the Organization. All members are requested to be thorough with this workflow in order to keep up with the fast paced developement/production life cycle of our software.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="github-pre-requisites">GitHub Pre-requisites<a href="#github-pre-requisites" class="hash-link" aria-label="Direct link to GitHub Pre-requisites" title="Direct link to GitHub Pre-requisites">​</a></h2><p>Assuming you already are a part of the Organization, you might not need to do this. But if you don&#x27;t have Git set-up on your local system, visit <a href="https://docs.github.com/en/get-started/quickstart/set-up-git#setting-up-git" target="_blank" rel="noopener noreferrer">GitHub&#x27;s documentation</a> to set-up everything before beginning work in the projects.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="understanding-issues">Understanding Issues<a href="#understanding-issues" class="hash-link" aria-label="Direct link to Understanding Issues" title="Direct link to Understanding Issues">​</a></h2><p>Issues are the standard way to for communication between maintainers, contributors and end users on GitHub. They can be raised by anyone highlighting <strong>task allocation</strong>, <strong>bug reports</strong>, <strong>feature request</strong>, <strong>security vulnerablity</strong>, etc. Team Leads are responsible to assign an issue to you. This is where your work within the project begins.</p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="branches---your-personal-workspace">Branches - Your personal workspace<a href="#branches---your-personal-workspace" class="hash-link" aria-label="Direct link to Branches - Your personal workspace" title="Direct link to Branches - Your personal workspace">​</a></h2><p>Let&#x27;s say your Team Lead has assigned you an issue. It would look something like this:</p><p><img loading="lazy" alt="Team Lead assigning issues" src="/assets/images/issue-assigning-0e7c9e1c0f89062f1a45e5ec946fccd9.png" width="747" height="516" class="img_ev3q"></p><p>Comments within an issue can be used by the Team Lead to explain to you the task assigned and how to approach it. Your issue may also contain labels to highlight what kind of work you&#x27;ll be doing and what&#x27;s the expectations of the end user.</p><p>To work on the task assigned to you, the very first thing you need to do is to <strong>Create a Branch</strong> which is <em>linked to your issue</em>. It is necessary to do so in order to link your work to the issue. You can do this within the issue itself.</p><p><img loading="lazy" alt="Creating a branch" src="/assets/images/create-branch-993846f702794e72f2f06ad3264c1049.png" width="421" height="567" class="img_ev3q"></p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Important</div><div class="admonitionContent_S0QG"><p>Naming your branch must be according to the following guidelines:</p><ul><li>The branch name must <strong>always</strong> start with issue number. It is always written beside the issue title (ex: #64).</li><li>The branch name should not be too big and highlight the purpose of the branch.</li><li>For the above screenshot attached, the branch name would be <code>64-resources</code> or something similar.</li></ul></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="working-on-your-branch">Working on your branch<a href="#working-on-your-branch" class="hash-link" aria-label="Direct link to Working on your branch" title="Direct link to Working on your branch">​</a></h2><p>Upon creating the branch, the very first thing you need is that branch&#x27;s contents within your local system.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cloning-the-repository">Cloning the repository<a href="#cloning-the-repository" class="hash-link" aria-label="Direct link to Cloning the repository" title="Direct link to Cloning the repository">​</a></h3><p>You must always ensure that you are working on your branch in the repository. Branches are a great way to get the privacy in the codespace to make your changes <em>without affecting the main project code</em>. This ensures that you can experiment as much as you want without harming the project at all.</p><p>While cloning the project, you should specify the branch which you will be working on in your local using <code>-b</code> command. Your clone command would look similar to the following:</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git clone -b &lt;your-branch-name&gt; &lt;repository-url&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>Now you can work on the project on your local repository.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="keeping-your-branch-and-local-up-to-date">Keeping your branch and local up-to-date<a href="#keeping-your-branch-and-local-up-to-date" class="hash-link" aria-label="Direct link to Keeping your branch and local up-to-date" title="Direct link to Keeping your branch and local up-to-date">​</a></h3><ul><li>Now that you have your branch and several versions of code scattered around GitHub and your local storage. You need to make sure that you always have the updated code before pushing to GitHub to avoid <strong>merge conflicts</strong>.</li><li>Before starting to work on your code, you must ensure that your branch is up-to-date with the <code>main</code> branch. <img loading="lazy" alt="Keep your branch up-to-date" src="/assets/images/update-branch-28435e0f18c88a29f5804a9cec1e3b30.png" width="1147" height="167" class="img_ev3q"></li><li>If your branch is <em>n commits behind main</em>, you need to open a pull request to merge <code>main</code> branch content to your branch.</li><li>To bring these changes in your local, use the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git pull</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><p>It is a good developer practice to always pull updated code before pushing your modified code to the repository.</p><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="reflecting-your-changes-on-github">Reflecting your changes on GitHub<a href="#reflecting-your-changes-on-github" class="hash-link" aria-label="Direct link to Reflecting your changes on GitHub" title="Direct link to Reflecting your changes on GitHub">​</a></h3><p>At any given time, you can check the status of your modifications on the local:</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git status</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="staging-area">Staging Area<a href="#staging-area" class="hash-link" aria-label="Direct link to Staging Area" title="Direct link to Staging Area">​</a></h4><ul><li>Staging Area in Git is is the middle ground between what you have done to your files and what was last committed in the repository.</li><li>Before reflecting your changes on GitHub, all files are needed to be added to this staging area.</li><li>To add files to staging area, use the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git add index.html</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>This adds <code>index.html</code> to the staging area. If you want to add all files, use <code>git add .</code></li></ul><h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="commits-and-pushes">Commits and Pushes<a href="#commits-and-pushes" class="hash-link" aria-label="Direct link to Commits and Pushes" title="Direct link to Commits and Pushes">​</a></h3><ul><li>GitHub is a version control tool. To track all past versions, GitHub uses <code>commits</code> made by contributors to show changes made to the files.</li><li>To reflect your local changes on GitHub, they need to be committed first with the following command:</li></ul><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git commit -m &quot;&lt;your commit message&gt;&quot;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><ul><li>You must ensure that <code>&lt;your commit message&gt;</code> is a valid explanation of the changes you have made to the files.</li></ul><p>Finally, once all of the above are done, push your changes to GitHub:</p><div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">git push origin &lt;your-branch-name&gt;</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="creating-a-pull-request">Creating a Pull Request<a href="#creating-a-pull-request" class="hash-link" aria-label="Direct link to Creating a Pull Request" title="Direct link to Creating a Pull Request">​</a></h2><ul><li>In all projects under TCET Open Source, the <code>main</code> branch is locked by the repository admin to ensure that no outside contributor directly edits the main source code of the project.</li><li>Upon pushing to your branch, you would be able to see updates on GitHub:</li></ul><p><img loading="lazy" alt="Updates in your branch" src="/assets/images/branch-update-98bb9914e5a92c808b5fdb3d6d1bd946.png" width="1150" height="168" class="img_ev3q"></p><ul><li>You can click on <code>Compare and Pull Request</code> (or alternatively, visit your branch and click on <code>Contribute</code>) to <strong>create a Pull Request</strong>.</li></ul><p>By following the above step, you will be able to edit the PR on GitHub&#x27;s editor.</p><div class="theme-admonition theme-admonition-info alert alert--info admonition_LlT9"><div class="admonitionHeading_tbUL"><span class="admonitionIcon_kALy"><svg viewBox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>Writing good Pull Requests</div><div class="admonitionContent_S0QG"><ul><li>The <code>main</code> branch is only merged into by your Team Lead. You should push to <code>staging</code> or any other branch decided by the Team to work on.</li><li>Your pull request title should suggest what changes you have done in your branch.</li><li>The title should start with a prefix within square brackets. It can reflect <code>[FEATURE]</code>, <code>[FIX]</code>, <code>[MINOR]</code>, <code>[MAJOR]</code>, <code>[PAGE]</code>, <code>[DEPLOYMENT]</code>, etc.</li><li>As a good developer practice, you should elaboratively describe what changes you have made to the code and highlight them in the description.</li></ul></div></div><p><img loading="lazy" alt="Pull request" src="/assets/images/pull-request-483325e3e7d99327fe6fa618cc0554bc.png" width="1157" height="681" class="img_ev3q"></p><ul><li>Upon submitting the pull request, the administrator is notified of your changes and can <strong>approve</strong>, <strong>reject</strong> or <strong>request changes</strong> to your pull request.</li><li>You can also notify repository maintainers and engage conversations with them on the pull request. An example of such conversation can be observed here:</li></ul><p><img loading="lazy" alt="Conversation" src="/assets/images/conversation-dc4077fe8f33ef876d32ed18570717b1.png" width="1159" height="792" class="img_ev3q"></p><h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="the-next-steps">The Next Steps<a href="#the-next-steps" class="hash-link" aria-label="Direct link to The Next Steps" title="Direct link to The Next Steps">​</a></h2><p>If the maintainer requests changes in your pull request, you can add further commits on the pull request and <em>mark the changes as resolved</em> for further approval from the maintainer.</p><p>Once a maintainer approves your changes, then finally your pull request will be merged to the <code>main</code> branch.</p><p>This is the entire developer cycle for a team member contributing within the Organization. Every time a new issue is raised, you should follow the same to work with the rest of the team efficiently.</p></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="theme-doc-footer-edit-meta-row row"><div class="col"><a href="https://github.com/tcet-opensource/documentation/edit/main/docs/resources/workflows/internal-workflow/internal-workflow.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_Z9Sw" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_vwxv"><span class="theme-last-updated">Last updated<!-- --> on <b><time datetime="2023-05-09T18:14:44.000Z">May 9, 2023</time></b> by <b>Vishal Rawat</b></span></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/docs/category/workflows"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Workflows</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/docs/resources/workflows/external-workflow/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">External Workflow</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#github-pre-requisites" class="table-of-contents__link toc-highlight">GitHub Pre-requisites</a></li><li><a href="#understanding-issues" class="table-of-contents__link toc-highlight">Understanding Issues</a></li><li><a href="#branches---your-personal-workspace" class="table-of-contents__link toc-highlight">Branches - Your personal workspace</a></li><li><a href="#working-on-your-branch" class="table-of-contents__link toc-highlight">Working on your branch</a><ul><li><a href="#cloning-the-repository" class="table-of-contents__link toc-highlight">Cloning the repository</a></li><li><a href="#keeping-your-branch-and-local-up-to-date" class="table-of-contents__link toc-highlight">Keeping your branch and local up-to-date</a></li><li><a href="#reflecting-your-changes-on-github" class="table-of-contents__link toc-highlight">Reflecting your changes on GitHub</a></li><li><a href="#commits-and-pushes" class="table-of-contents__link toc-highlight">Commits and Pushes</a></li></ul></li><li><a href="#creating-a-pull-request" class="table-of-contents__link toc-highlight">Creating a Pull Request</a></li><li><a href="#the-next-steps" class="table-of-contents__link toc-highlight">The Next Steps</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/index.html b/index.html index 4c87d065..fd12b4cb 100644 --- a/index.html +++ b/index.html @@ -9,13 +9,13 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> <div id="__docusaurus-base-url-issue-banner-container"></div><div class="font-sans tailwind"><div class="bg-[#070419]"><div class="flex px-4 lg:px-20 pt-4 w-screen flex-row justify-between items-center"><div class="flex items-center"><img src="/assets/images/logo-9a247ef4f3a3bb67312d189449dbd5d7.png" alt="tcet-icon" class="h-12 w-12 inline"></div><div class="hidden md:block text-[#FCFCFD] items-center flex-row text-base font-light my-4"><a href="/docs/about-tcetopensource" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Docs</a><a href="/blog" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Blog</a><a href="/#live" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Live Projects</a><a href="/#cooking" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Cooking Projects</a><a href="/#about" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">About us</a><a href="/#team" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Team</a><a href="mailto:opensource@tcetmumbai.in" class="hover:text-blue-300 mx-2 lg:mx-4 my-3">Contact</a><a href="https://github.com/tcet-opensource" target="_blank" rel="noopener noreferrer" class="bg-transparent hover:bg-gray-800 overflow-hidden font-medium py-2 px-4 text-black rounded-md border border-solid border-[#475467] mx-2 lg:mx-4">Contribute</a></div><div class="block md:hidden"><button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-1 ml-1 text-sm text-white rounded-lg bg-[#070419] focus:outline-none" aria-controls="mobile-menu-2" aria-expanded="false"><span class="sr-only">Open main menu</span><span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></span></button></div></div></div><section class="relative text-white bg-slate-950 bg-hero-pattern bg-cover bg-no-repeat bg-bottom p-6 pb-0"><div class="flex flex-col items-center justify-center mx-auto"><p class="px-3 pb-0.5 text-gray-200 bg-slate-800 rounded-full z-10 lg:mb-3 mb-6 pt-1">TCET Open Source</p><h1 class="lg:text-7xl sm:text-6xl text-5xl text-center font-semibold z-10 lg:mb-6 mb-9 font-title">Empowering students via<br>Open Source, in Education</h1><p class="sm:text-lg text-sm text-slate-400 text-center z-10 lg:mb-9 mb-12">Community-driven efforts by the students of TCET <br>to create, build and promote open source software.</p><a href="/#live" class="group hover:no-underline hover:text-white flex items-center justify-center text-white gap-x-2 p-2 pl-4 md:mb-0 mb-3 shadow-1xl shadow-indigo-400 font-semibold rounded-full bg-indigo-600 hover:scale-110 cursor-pointer hover:bg-indigo-700 duration-300 active:bg-indigo-600 z-10">View Projects<div class="group-hover:bg-indigo-600 group-hover:rotate-[360deg] duration-300 bg-indigo-800 px-2 pt-1 rounded-full"><img src="/img/HeroImages/arrow-down.svg" alt="arrow-down"></div></a></div><img src="/img/HeroImages/hero-section-left.svg" class="absolute lg:scale-100 sm:scale-75 scale-50 z-2 origin-left md:top-48 sm:top-44 top-28 left-0" data-speed="0.15" alt="hero-section-left"><img src="/img/HeroImages/hero-section-center.svg" class="mx-auto pointer-events-none -z-10 block parallax lg:w-2/4" data-speed="0.2" alt="hero-section-center"><img src="/img/HeroImages/hero-section-right.svg" class="absolute lg:scale-100 sm:scale-75 scale-50 origin-right md:top-56 sm:top-56 top-36 right-0" data-speed="0.18" alt="hero-section-right"></section><main><section id="live" class="relative p-5 xl:p-16 xl:pt-32 pt-16" style="background:linear-gradient(180deg, #000000 0%, #291A60 78.96%, #060314 100%)"><span class="inline-block px-3 bg-gray-700 md:mx-12 rounded-xl text-slate-50">Developed Projects</span><div class="flex flex-col my-3 md:gap-3 md:mx-12"><div class="text-3xl font-semibold md:text-5xl text-stone-50 font-title">T&amp;P Website</div><div class="text-gray-400">A necessary website for all students to be aware of the current placement activities and upcoming opportunities.</div></div><div class="md:grid md:grid-cols-10 items-center mt-4 lg:mt-8"><div class="items-center justify-center col-span-8"><div class="swiper mySwiper2 rounded-xl lg:rounded-3xl" style="--swiper-navigation-color:#fff;--swiper-pagination-color:#fff"><div class="swiper-wrapper"><div class="swiper-slide relative"><div class="relative flex flex-col object-cover px-6 h-[90%] text-white md:px-10 overflow-hidden"><img src="/img/ProjectSection/tnp.png" alt="project-img" class="object-cover overflow-hidden rounded md:rounded-3xl"><div class="absolute rounded md:rounded-b-3xl w-[90%] pl-10 text-left hidden md:block bottom-0 pb-10" style="--bg-opacity:0.2;backdrop-filter:blur(2px);background:linear-gradient(to top, rgb(17 24 39 / var(--bg-opacity)), transparent), linear-gradient(to right, rgb(17 24 39 / var(--bg-opacity)), transparent 70%)"><div class="flex justify-start pl-2 font-semibold md:text-2xl">TOOL:</div><span class="px-2 font-light md:text-2xl">Astro </span><span class="px-2 font-light md:text-2xl">Typescript </span><span class="px-2 font-light md:text-2xl">Javascript </span></div></div></div><div class="swiper-slide relative"><div class="relative flex flex-col object-cover px-6 h-[90%] text-white md:px-10 overflow-hidden"><img src="/img/ProjectSection/tl-web.png" alt="project-img" class="object-cover overflow-hidden rounded md:rounded-3xl"><div class="absolute rounded md:rounded-b-3xl w-[90%] pl-10 text-left hidden md:block bottom-0 pb-10" style="--bg-opacity:0.2;backdrop-filter:blur(2px);background:linear-gradient(to top, rgb(17 24 39 / var(--bg-opacity)), transparent), linear-gradient(to right, rgb(17 24 39 / var(--bg-opacity)), transparent 70%)"><div class="flex justify-start pl-2 font-semibold md:text-2xl">TOOL:</div><span class="px-2 font-light md:text-2xl">Astro </span><span class="px-2 font-light md:text-2xl">Javascript </span><span class="px-2 font-light md:text-2xl">Typescript </span></div></div></div><div class="swiper-slide relative"><div class="relative flex flex-col object-cover px-6 h-[90%] text-white md:px-10 overflow-hidden"><img src="/img/ProjectSection/act-dekho.png" alt="project-img" class="object-cover overflow-hidden rounded md:rounded-3xl"><div class="absolute rounded md:rounded-b-3xl w-[90%] pl-10 text-left hidden md:block bottom-0 pb-10" style="--bg-opacity:0.2;backdrop-filter:blur(2px);background:linear-gradient(to top, rgb(17 24 39 / var(--bg-opacity)), transparent), linear-gradient(to right, rgb(17 24 39 / var(--bg-opacity)), transparent 70%)"><div class="flex justify-start pl-2 font-semibold md:text-2xl">TOOL:</div><span class="px-2 font-light md:text-2xl">Typescript </span><span class="px-2 font-light md:text-2xl">tailwind css </span></div></div></div><div class="swiper-slide relative"><div class="relative flex flex-col object-cover px-6 h-[90%] text-white md:px-10 overflow-hidden"><img src="/img/ProjectSection/fmc.png" alt="project-img" class="object-cover overflow-hidden rounded md:rounded-3xl"><div class="absolute rounded md:rounded-b-3xl w-[90%] pl-10 text-left hidden md:block bottom-0 pb-10" style="--bg-opacity:0.2;backdrop-filter:blur(2px);background:linear-gradient(to top, rgb(17 24 39 / var(--bg-opacity)), transparent), linear-gradient(to right, rgb(17 24 39 / var(--bg-opacity)), transparent 70%)"><div class="flex justify-start pl-2 font-semibold md:text-2xl">TOOL:</div><span class="px-2 font-light md:text-2xl">Javascript </span></div></div></div></div><div class="swiper-prev flex items-center justify-center shadow-md shadow-[0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);] absolute z-10 top-1/2 left-2 transform -translate-y-1/2 h-8 rounded-full -mx-2"><img src="/img/misc/Left.svg" alt="prev-image-btn"></div><div class="swiper-next flex items-center justify-center shadow-md shadow-[0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);] absolute z-10 top-1/2 right-2 transform -translate-y-1/2 h-8 rounded-full -mx-2"><img src="/img/misc/Right.svg" alt="next-image-btn"></div></div><div><div class="project-pagination flex items-center justify-center gap-2 mt-5"></div></div></div><div class="items-center justify-center hidden md:flex md:col-span-2 md:pb-10"><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide swiper-vertical"><span class="absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">T&amp;P Website</span><img src="/img/ProjectSection/tnp.png" class="bg-cover rounded-lg"></div><div class="swiper-slide swiper-vertical"><span class="absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">TCET Linux Website</span><img src="/img/ProjectSection/tl-web.png" class="bg-cover rounded-lg"></div><div class="swiper-slide swiper-vertical"><span class="absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">Activity Dekho</span><img src="/img/ProjectSection/act-dekho.png" class="bg-cover rounded-lg"></div><div class="swiper-slide swiper-vertical"><span class="absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 text-white">Fill My Cycle Website</span><img src="/img/ProjectSection/fmc.png" class="bg-cover rounded-lg"></div></div></div></div></div><img src="/img/ProjectSection/shadow.svg"></section><section id="cooking" class="overflow-hidden bg-[url(&#x27;/img/under_development_projects_bg.png&#x27;)] bg-no-repeat bg-cover bg-center p-12 lg:p-20 flex flex-col"><h1 class="text-slate-50 font-semibold text-[2rem] lg:text-7xl font-title">Under Development Projects</h1><h6 class="text-slate-300 font-normal text-lg mt-4">These are some projects under development</h6><div class="flex items-center justify-center py-32 px-0 lg:px-24 lg:mt-10"><div class="swiper w-full !overflow-visible" id="under-development-projects"><div class="swiper-wrapper"><div class="swiper-slide"><div class="swiper-zoom-container"><div class="project_card_TCI5"><div class="px-5 pt-8 pb-12"><div class="project_card_inner_box_b8GR"><div class="inner_box_image_r5xv"><img src="/img/tl.png" loading="eager" alt="Project Image" class="object-cover w-full h-full rounded-t-2xl"></div><div class="px-4 pt-6 pb-16 text-left"><h6 class="text-xl font-semibold text-white lg:text-2xl">TCET Linux</h6><p class="mt-2 text-xs text-slate-300 md:text-sm">TCET Linux is GNU/Linux distribution, based on Arch Linux built for enhancing college infrastructure and promoting Linux in software engineering education. There is a latest and final release in its beta release engineering phase. </p></div></div><div class="flex items-center justify-around gap-2 -mt-5 text-xs font-medium md:text-sm text-violet-300"><a href="https://github.com/tcet-opensource/tcet-linux" class="flex items-center px-6 py-2 font-bold text-sm rounded-full bg-violet-800 hover:text-lime-100 hover:bg-violet-600 hover:no-underline">Github</a></div></div></div></div></div><div class="swiper-slide"><div class="swiper-zoom-container"><div class="project_card_TCI5"><div class="px-5 pt-8 pb-12"><div class="project_card_inner_box_b8GR"><div class="inner_box_image_r5xv"><img src="/img/resume.png" loading="eager" alt="Project Image" class="object-cover w-full h-full rounded-t-2xl"></div><div class="px-4 pt-6 pb-16 text-left"><h6 class="text-xl font-semibold text-white lg:text-2xl">Resume Screener</h6><p class="mt-2 text-xs text-slate-300 md:text-sm">FAANGM like ATS which uses AI to analyse your resume and give you recommendations on how to improve. It provides a standardized and unbiased approach to screening resumes.</p></div></div><div class="flex items-center justify-around gap-2 -mt-5 text-xs font-medium md:text-sm text-violet-300"><a href="https://github.com/tcet-opensource/resume-screener" class="flex items-center px-6 py-2 font-bold text-sm rounded-full bg-violet-800 hover:text-lime-100 hover:bg-violet-600 hover:no-underline">Github</a></div></div></div></div></div><div class="swiper-slide"><div class="swiper-zoom-container"><div class="project_card_TCI5"><div class="px-5 pt-8 pb-12"><div class="project_card_inner_box_b8GR"><div class="inner_box_image_r5xv"><img src="/img/erp.png" loading="eager" alt="Project Image" class="object-cover w-full h-full rounded-t-2xl"></div><div class="px-4 pt-6 pb-16 text-left"><h6 class="text-xl font-semibold text-white lg:text-2xl">ERP System</h6><p class="mt-2 text-xs text-slate-300 md:text-sm">A software to store, analyze, manage and supervise the college data in an efficient way. It covers all aspects; administration, infrastructure, and employee, teacher and student activity.</p></div></div><div class="flex items-center justify-around gap-2 -mt-5 text-xs font-medium md:text-sm text-violet-300"><a href="https://github.com/tcet-opensource/erp-backend" class="flex items-center px-6 py-2 font-bold text-sm rounded-full bg-violet-800 hover:text-lime-100 hover:bg-violet-600 hover:no-underline">Github</a></div></div></div></div></div></div><div class="swiper-prev flex items-center justify-center shadow-md absolute z-10 top-1/2 -left-7 transform -translate-y-1/2 bg-white w-8 h-8 rounded-full"><img src="/img/chevron-left.svg" alt="prev-image-btn"></div><div class="swiper-next flex items-center justify-center shadow-md absolute z-10 top-1/2 -right-7 transform -translate-y-1/2 bg-white w-8 h-8 rounded-full"><img src="/img/chevron-right.svg" alt="next-image-btn"></div></div></div></section><section id="about" class="bg-[#07001D]"><div class="flex flex-col items-center gap-12 p-5 lg:flex-row 2xl:px-32 lg:p-16 text-slate-50"><div><img src="/assets/images/image-2058d74ee0f318bd9ba0b8321af9a1b2.png" alt="img"></div><div class="flex flex-col items-start gap-4 lg:w-1/2"><div><div class="bg-[#1D2939] w-max rounded-3xl py-1 px-2.5">About</div><div class="md:text-4xl w-full text-[2rem] text-start lg:w-[110%] mt-2 font-title font-semibold">TCET-OPEN SOURCE</div></div><div class="md:text-xl leading-7 text-[#D0D5DD]">The motivation behind formation of the Organization was simple. An initiative undertaken for the students, by the students to streamline software engineering education and development under the banner of a single Organization, and to provide visibility to the projects being undertaken by the student community.</div><div class="flex items-start justify-between gap-4 w-full flex-wrap"><div class="flex flex-col items-start p-3 w-max flex-1 gap-2 border border-[#60548A] bg-[#302261] rounded-xl"><div class="leading-9 text-3xl font-title w-max"><span>0</span>+</div><div><div class="text-slate-300 md:text-md text-sm">Number of projects incubated</div></div></div><div class="flex flex-col items-start p-3 w-max flex-1 gap-2 border border-[#60548A] bg-[#302261] rounded-xl"><div class="leading-9 text-3xl font-title w-max"><span>0</span>+</div><div><div class="text-slate-300 md:text-md text-sm">Number of contributors</div></div></div></div></div></div></section><div class="flex flex-col items-center justify-center bg-[#07001D] p-5 xl:p-16"><h1 class="font-semibold text-5xl mt-16 text-[#FCFCFD] font-title">Teams</h1><div class="lg:px-20"><div class="flex flex-row flex-wrap my-16 justify-around"><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #2B4776 0%, rgba(25, 65, 133, 0) 125%)"><img src="/assets/images/FrontendCard-d58594ff125b9bd657f468b29fe208cf.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/frontend-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAReSURBVHgB7Z1PSBRRHMe/bzYqrINCf6hDrQURBOkGBYFgHvRs96IOXepSUEEntVtggd07FHXP83pQwVOXdYVABHPwEv4B96AGys70fm/dxZ1213F3fjMv/H1A3N2Z8c+H3/7m/d682Z9CSHJLfnvqFAY9H70K6IZCGj7acRRQKOj/1VUKs/rZdHEL45lOVQh36AHkfvvpVArPfeDxkREaAi37c7GIt5kLym24X70NexE77Pt4AaEuysFYcVOLrhPRNQVT1DoOJvXDNIQwuJ6HvlrR7ARfyK363SL30JiAJHfBDVURLJHbMv9EckUw5VynDTmI3FZxvW1kyjm5kiLohAaRGwXp1Gnj0mAieC81LEGIDJ0qOilVmAjW49xhCJHiqNLwVuU2dO7dwQaEqCnoXNzppHYxCIEDM7VAKaIXAhe9ji6FuyGwoOdvuh0zKybw4OsKT2bIWGl3ILAigpkRwcyIYGZEMDMimBkRzMwxxMDX8Z+YmHGxsr4FG7h6qQP9PZdxf+AauFH5FV0sM/L63RTm5ldhIzevn8Xomz5wwpoixrML1sol5ubXzLuLE1bBWZ0WbGeC+W9kzcGLy9VrMc6fOYUu/bZMkrx+R62sb1eec58XYjnJlSG5L5/cQZJ8+PQj1neWDNOYEcHMiGBmRDAzIpgZEcyMtYIXl8Ovhfm1HGo1fyJYKfibLl+fDU2EqrJon6dDWfaSt1msE0xyy7Le66KgkWTaRvsEj7MJqwTXkkQCa00YUQopy210fNJYI7ieHJq/oK8gp9uO69fbQv+cpLBCcCO5o2/u1RRc2tZnveTEBTcjt3ofuyUnKrgVudX72is5McFRyK0+xk7JUskxk5jgB4M38FB/BaErDHSh9DBXGkrHTFZdqTjo98RFohEchWSb5RKJp4hWJNsul7AiBzcj+X+QS1hzkmskeXN7p+brtsslrBpF1JLzSl+FpqVOQW5eP6e33T7w+KSxbpi2XxLJ7e9J1923v6ezItlGuUSs6yLCQrLu3rpYM3KDkOQrl9pD7ZsE1hYahxFmq1xCKjlmRDAzIpgZEcyMCGZGBDMT6zg4P79m1ucmST7mWxpYBdMVhuBq8uyMHXcalaEihRPWFDGgqyzbGWhQikcBq2AqeZO+J6MRXXrCiPteOfb75Ijv2QWzzGnRkkV6dJGUIvdBDJNDsQg+ysgwjRkRzIwIZkYEMyOCmRHBzIhgZhzThEPgokAfrehC4EHBpRSRh8CCAmYdpTAFgYViEdOljxjfxZJ8Cmv0eNvocDIdqgAPXyBECjWTol4aZpjm+RiDECnUqYu+G8GmNYyPjxCiQbsst9upFBreCYzoby6EVnG9P8aloSKYcjE1OoJIboVSs6h9veWqSmUKa0/hPkRyMxh3wZ5y0rAvGsI37CNMJB9HRk58IdCOTHuzOr09QzVN1dE8oh8+glCCJsh07UDD26abpgahhn44iUEt+55+2nUU2/76Zm7hcG1//wIH5eZX8ROQ5wAAAABJRU5ErkJggg==" class="h-11 w-11 mb-2" alt="Frontend Team"><div class="text-xl font-medium">Frontend Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Works on designing, developing, and maintaining the user experience aspects of the software. </div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #2B4776 0%, rgba(25, 65, 133, 0) 125%)"><img src="/assets/images/BackendCard-891704d0b9b120a3d7f3ef31f779a6ab.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/backend-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAReSURBVHgB7Z1PSBRRHMe/bzYqrINCf6hDrQURBOkGBYFgHvRs96IOXepSUEEntVtggd07FHXP83pQwVOXdYVABHPwEv4B96AGys70fm/dxZ1213F3fjMv/H1A3N2Z8c+H3/7m/d682Z9CSHJLfnvqFAY9H70K6IZCGj7acRRQKOj/1VUKs/rZdHEL45lOVQh36AHkfvvpVArPfeDxkREaAi37c7GIt5kLym24X70NexE77Pt4AaEuysFYcVOLrhPRNQVT1DoOJvXDNIQwuJ6HvlrR7ARfyK363SL30JiAJHfBDVURLJHbMv9EckUw5VynDTmI3FZxvW1kyjm5kiLohAaRGwXp1Gnj0mAieC81LEGIDJ0qOilVmAjW49xhCJHiqNLwVuU2dO7dwQaEqCnoXNzppHYxCIEDM7VAKaIXAhe9ji6FuyGwoOdvuh0zKybw4OsKT2bIWGl3ILAigpkRwcyIYGZEMDMimBkRzMwxxMDX8Z+YmHGxsr4FG7h6qQP9PZdxf+AauFH5FV0sM/L63RTm5ldhIzevn8Xomz5wwpoixrML1sol5ubXzLuLE1bBWZ0WbGeC+W9kzcGLy9VrMc6fOYUu/bZMkrx+R62sb1eec58XYjnJlSG5L5/cQZJ8+PQj1neWDNOYEcHMiGBmRDAzIpgZEcyMtYIXl8Ovhfm1HGo1fyJYKfibLl+fDU2EqrJon6dDWfaSt1msE0xyy7Le66KgkWTaRvsEj7MJqwTXkkQCa00YUQopy210fNJYI7ieHJq/oK8gp9uO69fbQv+cpLBCcCO5o2/u1RRc2tZnveTEBTcjt3ofuyUnKrgVudX72is5McFRyK0+xk7JUskxk5jgB4M38FB/BaErDHSh9DBXGkrHTFZdqTjo98RFohEchWSb5RKJp4hWJNsul7AiBzcj+X+QS1hzkmskeXN7p+brtsslrBpF1JLzSl+FpqVOQW5eP6e33T7w+KSxbpi2XxLJ7e9J1923v6ezItlGuUSs6yLCQrLu3rpYM3KDkOQrl9pD7ZsE1hYahxFmq1xCKjlmRDAzIpgZEcyMCGZGBDMT6zg4P79m1ucmST7mWxpYBdMVhuBq8uyMHXcalaEihRPWFDGgqyzbGWhQikcBq2AqeZO+J6MRXXrCiPteOfb75Ijv2QWzzGnRkkV6dJGUIvdBDJNDsQg+ysgwjRkRzIwIZkYEMyOCmRHBzIhgZhzThEPgokAfrehC4EHBpRSRh8CCAmYdpTAFgYViEdOljxjfxZJ8Cmv0eNvocDIdqgAPXyBECjWTol4aZpjm+RiDECnUqYu+G8GmNYyPjxCiQbsst9upFBreCYzoby6EVnG9P8aloSKYcjE1OoJIboVSs6h9veWqSmUKa0/hPkRyMxh3wZ5y0rAvGsI37CNMJB9HRk58IdCOTHuzOr09QzVN1dE8oh8+glCCJsh07UDD26abpgahhn44iUEt+55+2nUU2/76Zm7hcG1//wIH5eZX8ROQ5wAAAABJRU5ErkJggg==" class="h-11 w-11 mb-2" alt="Backend Team"><div class="text-xl font-medium">Backend Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Works on creating and maintaining the server-side of the software and API development. </div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #762B43 0%, #00225D 125%)"><img src="/assets/images/UIUXCard-c662dc213ece4517e26b97041eec5a6a.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/ui-ux-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATzSURBVHgB7Z3Pa2NVFMfPvZnAjLOJC4VZmS5HBmxAEGdhna6UMqDTzYA/sYiu/LEUBjpC/4A6uNBFQRkXs6kMFKsupmNdVCxKFAbHXeNqoF00m8pAJ+95v699obl5aV6Se573pucDaZrkpX355Lxzf73HUZSTuF6vULT/SkQ0pRRNUkxV83SFTgZNUtSIY/ojJlov6fJtVas187xR9dsgrv9SJTr1YRzFb9PJEdoXI/orrcufGtGN47brKTiJWHo0b8R+REJPlKZFokR0ZkRnCkbUxlHprvm1SkIeGkqXL2VFs7afiDc3J0XuwJiA3L8Ld/YLHREskTsyXZHcFoyca76FOoncUYHkWpqTj6SIR/Mkcl1QJdqfTx8kEXyYGrZIcIaJ4gmkioMIjkrzJDglivaT7q06zL27JLimiSjWLTP8JYGDCtzqkplbIIEFRXpKx7GaJIEFpaJJbbJwlQQezIwjehEyQ8ZHRZPAighmRgQzI4KZEcHMnKITwsN/92h3ezu5P1edoNOPnaUiGHvBD/7ZotWbS7T1172O5yeevkBX3vuAHn/iSeJERb9vxjSm1H9eo+Uvbhy7zayRXJuaJi7GNgfnkQuWv7xBDxp8U+FjKbiXXORe3GxWv1kiLthzMBqVje9XaOv+va48OAjIldNXrvY9nHvJnX3fpIIXDt6L/UFeTsF+YT85Gj7WCN7d2abPP/mY1pZvjSQ3/Vvf3Tw+0vLIBRdfvtwVyehhcMAqeGnhGjV33O34mbO9Iyyv3F4ggjlgE4wP7FLuaSN3evZqz/81iFykCLthy8rNLmDLwRs/rHQ8xgedeXPOeZ4bVC62X7VSDfrEXAMPtgi2IwTR54PcrO0x4OCisG6a6xGTK7nYnnM0F2Q/2KXcPA3gKAQnOCS5ICjBockFwQgOUS4IQnCocoH3gkOWC7wWHLpc4K3gcZALvBQ8LnKBd4LHSS7wTvAdM3dsE6pc4NWqMlaA7SlOV3KxPSbsz5gJpzwrI67wKoLtVY/zzz7nLHJxZDzc28u1MuISvwT/bZ27cP5C1zbDpoWjRwbX6kUWXkewLTiEnGvjTQ5G/sUhnILJeSzjYOI+WZE2t/u//dr1Pp/lAm8EZ606L7z7Wod0G9/lAn8EW/m3X54MQS7wOoKzwOryzBtzQcgF3p9dCaFo7JKbWf099xTP8joX3gieeX2O7nx7K0kNIQu18UYwRlZFja6KJLhFz9AQwcyIYGZEMDMimJnCBBc5g2Wzu8NzcnUe2ASjD3sUzMH+Hx8UX+yatUpSZN+arR+MgcLR4W99fS25+cDFly5TUbBFMK6DqDBf5DcMOFW1yAENm2DM585dW/BKMuS+Y/apSAq50hOpYePHFdYL/o4D7QFSFo6qoq5RThnrS2l9QPrBzIhgZkQwMyKYGRHMjAhmBoJzFdwQhqKpKVYNEnhQ1NAxRX+SwAJK82it1E8ksIC6R5p0+TZJHmYBRaU06j0Y01+T4BQUk4LbpJumdWuRBKegUldyjx+q9jxqpX1GghPgMi230x5o6FL5urlrkDAqjUOXCW3ByBdKty6RSB6FtFhUu9PQMVRGqlAtepVE8jAk7uyaclKwzw35C/aBJJJ1uSYNX3+SBu2gvFkj6/VcRVOjlr6ulHqLhJRk7GC6YotDF021aZf9jeMXlVbPnNSyv+aQX6cByv7+B/mNjX4P+DcsAAAAAElFTkSuQmCC" class="h-11 w-11 mb-2" alt="UI/UX Team"><div class="text-xl font-medium">UI/UX Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Provides positive user experience, visual layouts and aesthetics to the software.</div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #762B43 0%, #00225D 125%)"><img src="/assets/images/DocsCard-1d87f4c1f7cae95828723c68056e96a9.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/documentation-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPkSURBVHgB7d09aBRbFAfw/73rgrw0+wqFV7219DUv+/AhChq1UxH8aEQUhRRaiB+lEIiCYKdREBQUFFRsAoKgVtEoKAZ1FUTLHStBC7eJCHHnes9Ndtms0azJ/IeJc35FNvuR5p+zZ+4MdzgGXXLVagnxxNYY6DMGvXAo+5dLyIc6DCLn8NIBowVbvGUqlXo3f2hm+4CrPikDiw672O1DfgKdlQ/6irXFEz7o6Gef+2HAoWLxddAHewTqh4zFEBCCnrGiZwxYqtbFhfv+1zJUNyJji+tnqmbb+YIbG+vVcH+ZL8iJ+5Jd5xvTKlgrd96+q+RWwNJz/X+hCg13viTkSrMnt7WIr4PQcJNQBiYGm09CBU+1hhpUYnwVL5NWMVnBcWEQKlFxPBGWt2aq936CSlpdqtg2/OkvFENJsrUFf20BisLA9lnnTC8UhTFxr/VduAzF4a84yipCr5DxlCwUlQZMpgGTacBkGjDZIqTg08cPqD4cQe3ta7x/V8OX8XFkyZ9LlmLD9p2o9G1A0kz8fMyB5MvncYwM38Tju7eRdYv/6MHApetIGq2CpWovnxxA3T8uBFIMDLQefOP0qQUTLhOlgqXfSq9t1+xzy/9fGb6OWTCwi38hkRLwCx9wu+UrVmLHgUOZCTZNlBbRWb2b9vTnMlxBCbhzGSbtIa/0RINMAybTgMk0YDINmEwDJtOAyTRgMg2YTAMm04DJNGAyDZhMAybTgMk0YDINmEwDJtOAyTRgMg2YTAMm04DJUtm+KmRz3fuoNrl99XO2tq8ypRLw8MVzePvsaeb2BachlYCroyPIK+3BZKn1YFFashT/rMjO9lXZfc+WSsCLe3rC3uDVG7cgS36bgDfv7qfcYLIQpNKD8xquoAQsLaGdrH/zihLwX38vm/b8zrXLuTq5aEcJ+L8101tC7c1rnD92NNwck7egKQc56bkvHo2EYJvkvrnhC+eQN7SD3Pb9h8K6N+9oAcuNLwdPnUFl7cJYQbBu1KHeq9wk7eHJvdvhSloWbwaXVc/mPf2UYkgl4DzTiz1kGjCZBkymAZNpwGQScFcDN9Sc1C2ciaA4DCLrEL+CopDRPNYa8wCKQuYeWdjiLWgfppChUlbmPfikr0IlSoZJSbZhmWZtYwgqUTKpKzzKD1NZJbPSzkIlQrJsjttpnWjYQvG4f4ig5iuayjJoBSz9wtjGemjI89EcFtVaNEw7VZZWYRrYBg15LkJ2nTPldGBfMrof2CdCJdtiRQ98swsHtMnxZtFM73c1NDVu2OPGmL1QTeHcwS/FhuY8NLVTa+yvc+uMNf/mdeyv/8qP4hfG/n4D+IFYjM5TG4YAAAAASUVORK5CYII=" class="h-11 w-11 mb-2" alt="Docs Team"><div class="text-xl font-medium">Docs Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Maintains the updated information of the projects and makes it accessible and user-friendly. </div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #2B7669 0%, #00225D 125%)"><img src="/assets/images/DevOpsCard-83f82ba1a90ff4bf96e8eb04325e838c.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/devops-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUlSURBVHgB7Z1PaBxVGMC/92ZzkNp2c1AqWNiAnlIwORipWGrEQwIeUovNURtQvGgCFQSFRAsSCgZa4k1MWzxFEXoQE6EYSyRiLomQHEQhCwpKESa2KUKzb17fN92Zzk5mtpNmvreT5vvBJDtv/uzsb7987+28l30CMuJqXVbq5gAIeVwI3QUaKhqgDHsAAbBuflS1FsugvWuOs/9KuxDrGY9tjqv/r9Q8NSxBv7FXhGZDXHKk83G7eKTadK+0DRixHmyMaQ9GgElFS3G+BJtGdHtiRCcKxqj1PDWnQVeAuS8CRFVKpzcpmmW8wL290cVytwe6QmfXjbv4toYI5sjdGUmRHAr2c653a4nl7oy7kje7g5wcpgi/QmO5OwYd1qBtLFj3IxhTg/Jqa8DkhiNLHZgq/AhWnhoDJldMwPrNW+Fqt6y8kgtM3qw7stYhlXIGgKHA3FpoG5B4bwEYGgQclwJ0FzAkCAFd0tzAqQBDgta6gq0IvkNGR1kCQwoLJoYFE8OCiWHBxLBgYlgwMSyYGBZMDAsmpgSWuXFrA2YWfwLbHNz3KHRWnoLDjx8Cm1gTjGKHJ8dhdnEeWslgbz+cGTxtTbT4V93UQAzKffnMEPx5/R8oAkc6noZvzl6AAyaqqbGSgz//9uvCyEVW1n73r8kGViK45+1TDYIxgjAf2mRhddlcw9/hOkbvb19+B9SQ52AUG5WLL8zWn2cUTFPPmjcafwfreF3Uudh6Mw1rc9tyEXzOgy14Xm4HE8OCiWHBxLBgYlgwMSyYGBZMDAsmhgUTw4KJYcHEsGBiWDAxLJiYXSN4Ze0PODk67C+rpkdit7ArBOON8aFzH8DCypK/vGokF6kLqhnWBf9X71HICvY8nBx9t0FoUHZjm+fa7nPnAXmXEXbJYG9CtKvm9LkPoa/nmL+OvQx9PS+kHo9d/UnRimV4Hux+SmN6bjZ8PPvLfMMbgtdko+veyrgIHIsQ7cXFF4tLQN9zx+Di+59sOW5i+mLTcRSYLkanJuHs0DtbtmF5s57j/vobTI2VFPGeP9DjidTtUdkBKOdTIzgK9kbjEt8vSWQzuXgtOPjEBlYEBz3JaZKfP9LdsI4tBozAKHjslIlyXOLnwX0xmpudM1p+91oeopE9URZWluHn1aUwrz5pXuhbr7wW9jRjebxSO7BvP1yd+CKUggNHsLkWz6lXJ6bCffD4r+ZmwvNg+dHObiPY7v9dWhfcjLQhVpifMU9Hmf5hBkY+G28oQ4kouRXDAtIoVDs4qcWAuTIuFxl8qX9LHg1aFkWiMBGMLYZ4pYaReL/afmZxfkt7+E2TcpJaFq2gEIKnTa4cmRyHPMGKLK2is0khUsRfBB97v2/BIO8kCiH4aGf+Nfsp8+GmCBQmB2MFhUNM8+DwY4esN8fSKFQz7WGEb7gTw4KJYcHEsGBiWDAxLJgYFkwMCyaGBRPDgolBwZkm3GAeiHUpAKrAkCCEqEql9a/AkKA1LEuTI34EhgbtXQu+Yhy/IJ+/hTVnHFlrl/X5Hi4DkzPiErqtT/PgVupRzOQEfkG+EVz128H4ADy4AEw+GJe+U2iYascte14bT7WzQ1Kn2sECs6EXdwDmgajL7Y3OLdfwURnDWik4wZK3jy9XbZ4IUsO98gSw0jPpgqc9y0gkcqvxbYk3e/zaz+QRrvgyYBzVc241aXOGSVPdyqZyPpJCvA6MD85Sqzy43FaqnU8TG9k3G/4nPuUMeAAvOlI8s7en/VVX0iZJjXMHKWAzwr46R3cAAAAASUVORK5CYII=" class="h-11 w-11 mb-2" alt="DevOps Team"><div class="text-xl font-medium">DevOps Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Works on efficient development, testing, deployment, and maintenance of the software. </div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #2B7669 0%, #00225D 125%)"><img src="/assets/images/AICard-7552e3fa573744c31f092d2a38a4f629.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/ai-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,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" class="h-11 w-11 mb-2" alt="AI Team"><div class="text-xl font-medium">AI Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]">Works on automation, data analytics and development in AIML technologies. </div></a></div></section><section id="team" class="lg:h-64 md:h-60 h-fit lg:w-[40%] max-w-xl overflow-hidden text-white flex flex-col md:flex-row lg:flex-wrap lg:rounded-2xl md:rounded-xl rounded-lg m-6" style="background-image:linear-gradient(180deg, #764F2B 0%, #00225D 125%)"><img src="/assets/images/CreativeCard-d48dc438fd4778a70b12c03c3760354a.png" alt="" class="object-cover h-40 md:h-auto md:rounded-l-xl lg:rounded-l-2xl md:w-1/2"><div class="p-6 md:w-1/2 lg:min-w-min"><a href="https://github.com/orgs/tcet-opensource/teams/graphics-team" target="_blank" rel="noopener noreferrer"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKOSURBVHgB7Zg/bxMxGMaf10JC3ZoFKVszwAIS0I2NfIJGjBVMTCgLUqqMJO1YUgkkqn4AECNKPwFs3coNsMCQbJFYehvKcsbvEaeO62t8fxI88Ftyfu96fu61H9t9CRby4uwxBO1IKVuquYW1QJEkGYkE+1R7NF64g7mwr5sQ054S9hL/ECL5BsmGEvowTtuYiZM0/ayuHiAIKCJ5s8kiRdpWmQtHHKO0iN89viI157YkYYQAIYmmgEAPgZJAtoQyRUBDuwgR7VASn0kEjEDg3EBBLia/8OngHUbn31G/3cDu6y5q9VuZ8aIUzuDH7mEqgpn8HKWirouvXeDkx9+Vqf1hkP7ORc3ineHJQrwohQU2tu+lv8dP95z3ywyrSWGBT161Ub/TQNWCbAqbhAW13w+8ny9qHi+B5std+HTI5tHzU5vn+ckBluE1xKYzXbjcyh+18EyGqZbhlUHTmXaWWMhR68W8QzbP6PxbGmPMecpoU9nxUgLtTl3oDtk8ejj577jNbKoPi2dZNePL8NqLOUvmHHJ9AHe4Ciev5LBQhamQR6DdIb+Y52PW0nH8bC8z25rG9l0vF3vNQXt4tUOzlo48pqpE4OUScaRc2LkSZyHXOdmFr4u91sHLfbfjfLmdJXsbdL1v97ALH7wymLV0ZJF3G0RZgXk7HKih1Wte2UPrSo78sbHNlT20ViLQ3nc1efddF6UEavPY+659mPV1LKoWaLrVdGZWvAj//y8ui1D1tzGChYuaUp4iUCSJSAjQEIGisrcvVE34i6pwvUVgsCauV6cmEZj2ebwRDBQJbPT5KhVItWZMctoMIZNp5mb1aW7TlQdUSTgB+qrafl/dXldxcywlnQrIIU8588Yf0tmJwmZvalgAAAAASUVORK5CYII=" class="h-11 w-11 mb-2" alt="Graphics Team"><div class="text-xl font-medium">Graphics Team</div><div class="border w-full my-3 bg-[#344054]"></div><div class="text-base lg:text-sm xl:text-base text-[#D0D5DD]"> Works on branding, content creation and curation, and project management aspects. </div></a></div></section></div></div></div><div class="bg-[#07001D] p-5 xl:p-16"><div class="flex flex-col md:flex-row justify-center items-center lg:justify-between flex-wrap"><div class="flex items-center"><img src="/assets/images/logo-9a247ef4f3a3bb67312d189449dbd5d7.png" alt="tcet-icon" class="h-12 w-12 inline"><div class="inline text-[#FCFCFD] font-semibold text-2xl mx-4 text-center">TCET Open Source</div></div><div class="text-[#FCFCFD] flex flex-col items-center md:flex-row text-base font-light my-4"><a href="/docs/about-tcetopensource" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Docs</a><a href="/blog" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Blog</a><a href="/#live" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Live Projects</a><a href="/#cooking" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Cooking Projects</a><a href="/#about" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">About us</a><a href="/#team" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Team</a><a href="mailto:opensource@tcetmumbai.in" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3">Contact</a></div></div><div class="h-px bg-[#EBE9FE] bg-opacity-10 my-5"></div><div class="flex flex-col md:flex-row justify-center items-center lg:justify-between flex-wrap"><div class="text-[#FCFCFD] text-sm lg:mx-0 text-center">Copyright 2022-2023 @ TCET Opensource.</div><div class="text-[#FCFCFD] flex flex-row font-light my-4"><a href="https://linkedin.com/company/tcet-opensource/" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3 hover:scale-110"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6ZM6 9H2v12h4V9ZM4 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><a href="https://www.youtube.com/@TCETMumbaiOfficial" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3 hover:scale-110"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2c.312-1.732.466-3.49.46-5.25a29.005 29.005 0 0 0-.46-5.33Z" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m9.75 15.02 5.75-3.27-5.75-3.27v6.54Z" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><a href="https://twitter.com/tcetopensource" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3 hover:scale-110"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5 0-.279-.028-.556-.08-.83A7.72 7.72 0 0 0 23 3Z" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><a href="https://instagram.com/tcetopensource/" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3 hover:scale-110"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 6.5h.01M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm9 9.37a4 4 0 1 1-7.914 1.174A4 4 0 0 1 16 11.37Z" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><a href="https://discord.com/invite/r7ZhAREg2M" class="hover:no-underline hover:text-[#FCFCFD] mx-4 my-3 hover:scale-110"><svg width="24" height="24" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M45.23 57.2c-6.16 0-11.17 5.6-11.17 12.48 0 6.88 5 12.47 11.17 12.47s11.16-5.59 11.16-12.47c0-6.88-5.01-12.48-11.16-12.48Zm0 21c-4 0-7.17-3.8-7.17-8.47 0-4.67 3.21-8.48 7.17-8.48s7.16 3.8 7.16 8.48c0 4.68-3.21 8.42-7.16 8.42v.05Z"></path><path d="M121.83 59.58a156.768 156.768 0 0 0-11.52-31 2.1 2.1 0 0 0-.71-.77 87.078 87.078 0 0 0-15.23-7.17C84.55 17.07 79.91 17 79.72 17a2 2 0 0 0-2 1.72l-.6 4.17a133.135 133.135 0 0 0-26.28 0l-.6-4.17a2 2 0 0 0-2-1.72c-.19 0-4.83 0-14.65 3.61a87.08 87.08 0 0 0-15.19 7.2 2.1 2.1 0 0 0-.71.77 156.718 156.718 0 0 0-11.52 31C1 80.46 0 90.91 0 91.34a2 2 0 0 0 .49 1.5 55.194 55.194 0 0 0 18.2 12.74A76.344 76.344 0 0 0 38.48 111a1.996 1.996 0 0 0 1.92-1l5.4-9.25a105.008 105.008 0 0 0 18.2 1.49c6.099.026 12.189-.479 18.2-1.51l5.4 9.27a1.999 1.999 0 0 0 1.72 1h.2a76.313 76.313 0 0 0 19.78-5.38 55.202 55.202 0 0 0 18.2-12.74 1.998 1.998 0 0 0 .49-1.5c.01-.47-.94-10.92-6.16-31.8Zm-14.06 42.31a76.74 76.74 0 0 1-17.39 4.92l-4.08-7c4.68-1.24 14.42-4.46 21.83-11.2a2.024 2.024 0 0 0 .667-1.39 2.013 2.013 0 0 0-1.902-2.121 2.018 2.018 0 0 0-1.455.511c-9 8.23-22.46 10.84-22.6 10.87h-.06A96.59 96.59 0 0 1 64 98.24c-6.3.047-12.59-.522-18.78-1.7h-.06c-.14 0-13.55-2.64-22.6-10.87a2.015 2.015 0 0 0-2.69 3c7.41 6.74 17.15 10 21.83 11.2l-4.08 7a76.073 76.073 0 0 1-17.39-4.92A52.237 52.237 0 0 1 4.08 90.8c.33-2.91 1.68-13.07 6-30.24A156.25 156.25 0 0 1 21 30.92a88.178 88.178 0 0 1 14-6.52 61.355 61.355 0 0 1 11.58-3.19l.35 2.39c-4 1-13.85 3.86-21.65 9.53a2 2 0 0 0 2.36 3.23c8.82-6.41 21-9.06 21.86-9.25 4.812-.576 9.654-.857 14.5-.84 4.85-.02 9.695.261 14.51.84.91.19 13 2.83 21.86 9.25a2 2 0 1 0 2.36-3.23c-7.8-5.67-17.61-8.52-21.65-9.53l.35-2.39A61.746 61.746 0 0 1 93 24.4a88.178 88.178 0 0 1 14 6.52 156.267 156.267 0 0 1 11 29.64c4.29 17.17 5.64 27.33 6 30.24a52.231 52.231 0 0 1-16.23 11.09Z"></path><path d="M82.77 57.2c-6.15 0-11.16 5.6-11.16 12.48 0 6.88 5 12.47 11.16 12.47s11.17-5.59 11.17-12.47c0-6.88-5.01-12.48-11.17-12.48Zm0 21c-4 0-7.16-3.8-7.16-8.47 0-4.67 3.21-8.48 7.16-8.48s7.17 3.8 7.17 8.48c0 4.68-3.21 8.42-7.17 8.42v.05Z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h128v128H0z"></path></clipPath></defs></svg></a></div></div></div></main></div></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/search/index.html b/search/index.html index b397dee6..562cd7f6 100644 --- a/search/index.html +++ b/search/index.html @@ -9,8 +9,8 @@ <link rel="search" type="application/opensearchdescription+xml" title="TCET Open Source" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.8ce42158.css"> -<link rel="preload" href="/assets/js/runtime~main.a2117aa3.js" as="script"> -<link rel="preload" href="/assets/js/main.2ee77d72.js" as="script"> +<link rel="preload" href="/assets/js/runtime~main.96ac7efa.js" as="script"> +<link rel="preload" href="/assets/js/main.6261e96d.js" as="script"> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"> @@ -21,7 +21,7 @@ </svg></a><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Discord"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path></svg></a><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2476 2476" id="instagram"><path d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"></path></svg></a><a href="https://www.youtube.com/@tcetopensource" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 600 600" height="25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M 301.914062 74.960938 L 305.25 74.960938 C 336.074219 75.074219 492.261719 76.199219 534.375 87.523438 C 560.285156 94.558594 580.496094 114.84375 587.4375 140.773438 C 591.226562 155.023438 593.886719 173.886719 595.6875 193.351562 L 596.0625 197.25 L 596.886719 207 L 597.1875 210.898438 C 599.625 245.175781 599.925781 277.273438 599.960938 284.289062 L 599.960938 287.101562 C 599.925781 294.375 599.585938 328.648438 596.886719 364.351562 L 596.585938 368.289062 L 596.25 372.1875 C 594.375 393.636719 591.601562 414.9375 587.4375 430.613281 C 580.515625 456.558594 560.296875 476.847656 534.375 483.863281 C 490.875 495.5625 325.539062 496.386719 302.625 496.425781 L 297.300781 496.425781 C 285.710938 496.425781 237.789062 496.199219 187.539062 494.476562 L 181.164062 494.25 L 177.898438 494.101562 L 171.488281 493.835938 L 165.074219 493.574219 C 123.449219 491.738281 83.8125 488.773438 65.550781 483.824219 C 39.640625 476.820312 19.421875 456.542969 12.488281 430.613281 C 8.324219 414.976562 5.550781 393.636719 3.675781 372.1875 L 3.375 368.25 L 3.074219 364.351562 C 1.222656 338.941406 0.199219 313.476562 0 288 L 0 283.386719 C 0.0742188 275.324219 0.375 247.460938 2.398438 216.710938 L 2.664062 212.851562 L 2.773438 210.898438 L 3.074219 207 L 3.898438 197.25 L 4.273438 193.351562 C 6.074219 173.886719 8.738281 154.988281 12.523438 140.773438 C 19.445312 114.828125 39.667969 94.539062 65.585938 87.523438 C 83.851562 82.648438 123.488281 79.648438 165.113281 77.773438 L 171.488281 77.511719 L 177.9375 77.289062 L 181.164062 77.175781 L 187.574219 76.914062 C 223.265625 75.765625 258.96875 75.125 294.675781 75 L 301.914062 75 Z M 240 195.335938 L 240 376.011719 L 395.886719 285.710938 Z M 240 195.335938"></path> </svg></a><div class="searchBox_ZlJk"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="container margin-vert--lg"><h1>Search the documentation</h1><form class="row"><div class="col searchQueryColumn_RTkw col--12"><input type="search" name="q" class="searchQueryInput_u2C7" placeholder="Type your search here" aria-label="Search" autocomplete="off" autofocus=""></div></form><div class="row"><div class="col col--8 searchResultsColumn_JPFH"></div><div class="col col--4 text--right searchLogoColumn_rJIA"><a target="_blank" rel="noopener noreferrer" href="https://www.algolia.com/" aria-label="Search by Algolia"><svg viewBox="0 0 168 24" class="algoliaLogo_rT1R"><g fill="none"><path class="algoliaLogoPathFill_WdUC" d="M120.925 18.804c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 0 0-1.574-.199 5.7 5.7 0 0 0-.897.069 2.699 2.699 0 0 0-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 0 1-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 0 1-1.471-.636 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 0 1 1.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 0 1 1.82-.185 8.404 8.404 0 0 1 1.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 0 0-.384-.73 1.784 1.784 0 0 0-.724-.493 3.164 3.164 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 0 0-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 0 1 2.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 0 0-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 0 0-.814.24 1.46 1.46 0 0 0-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 0 1 .233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 0 1-1.471-.635 3.085 3.085 0 0 1-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 0 1 2.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 0 0-.109-.875 1.873 1.873 0 0 0-.384-.731 1.784 1.784 0 0 0-.724-.492 3.165 3.165 0 0 0-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 0 0-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 0 1 2.073-.177zm-8.034-1.271a1.626 1.626 0 0 1-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 0 1-1.128 1.906 4.986 4.986 0 0 1-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 0 1-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 0 1-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 0 1 1.15-1.892 5.133 5.133 0 0 1 1.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 0 1 1.753 1.216 5.644 5.644 0 0 1 1.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 0 0-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 0 1-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 0 1-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 0 1 2.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17zM6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 0 0-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 0 1-.582-.271 13.67 13.67 0 0 1-.55-.287 4.275 4.275 0 0 1-.567-.351 6.92 6.92 0 0 1-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 0 1-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 0 0-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 0 0-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 0 0-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 0 1-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"></path><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 0 1 2.966 2.966V20.5a2.967 2.967 0 0 1-2.966 2.964H78.988a2.967 2.967 0 0 1-2.966-2.964V3.897A2.961 2.961 0 0 1 78.988.938z"></path><path fill="white" d="M89.632 5.967v-.772a.978.978 0 0 0-.978-.977h-2.28a.978.978 0 0 0-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 0 1 1.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 0 0-1.382 0l-.465.465a.973.973 0 0 0 0 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 0 0-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 0 1-4.49-4.482 4.488 4.488 0 0 1 4.49-4.482 4.488 4.488 0 0 1 4.489 4.482 4.484 4.484 0 0 1-4.49 4.482m0-10.85a6.363 6.363 0 1 0 0 12.729 6.37 6.37 0 0 0 6.372-6.368 6.358 6.358 0 0 0-6.371-6.36"></path></g></svg></a></div></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">About</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/docs/about-tcetopensource">TCET Open Source</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/docs-site/about-docs">Docs Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tnp-website/about-tnp-website">T&amp;P Website</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/projects/tcet-linux/about-tcet-linux">TCET Linux</a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/blog">Blogs</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/category/workflows">Workflows</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/tcet-opensource/documentation" target="_blank" rel="noopener noreferrer" class="footer__link-item">Github</a></li><li class="footer__item"><a href="https://discord.gg/r7ZhAREg2M" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord</a></li></ul></div><div class="col footer__col"><div class="footer__title">Connect with us</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.instagram.com/tcetopensource/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Instagram</a></li><li class="footer__item"><a href="https://twitter.com/tcetopensource" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li><li class="footer__item"><a href="https://www.linkedin.com/company/tcet-opensource/mycompany/" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 TCET Open Source.</div></div></div></footer></div> -<script src="/assets/js/runtime~main.a2117aa3.js"></script> -<script src="/assets/js/main.2ee77d72.js"></script> +<script src="/assets/js/runtime~main.96ac7efa.js"></script> +<script src="/assets/js/main.6261e96d.js"></script> </body> </html> \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml index 86a0c324..784be7c5 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://opensource.tcetmumbai.in/blog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/archive</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/blog-posting-guidelines</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/breaking-the-ice-open-source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/Cloud-gaming</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/CNCF-Zero-to-Merge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/dive-into-web-design</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-artificial-intelligence</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-blockchain</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-cloud-computing</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-react-js</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/introduction-to-api</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/linux-basics</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/rotaract-club-of-tcet</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/ai</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/api</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/artificial-intelligence</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/authentication</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/automation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/blockchain</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cli</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cloud</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cloud-computing</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cncf</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/community</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/css</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cultural</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cyberpunk</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data-extraction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data-science</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/editorial</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/free</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/frontend</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/gaming</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/html</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/integration</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/jsx</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/linux</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/machine-learning</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/mental-model</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/mind-benders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/nvidia</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/open</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/open-source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/react-js</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/resonsiveness</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/social</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/software</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/software/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/technology</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/terminal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/tmai</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/tui</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/virtaul-dom</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/web-crawling</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/web-design</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/zero-to-merge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-april-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-june-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-may-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/web-crawling</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/search</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/about-tcetopensource</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/projects</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/resources</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/workflows</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/about-docs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/adding-items</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/adding-links</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/search-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/title-and-logo</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-categories</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-items</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-links</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/multiple-sidebars</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/about-fmc-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/button-instructions</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/cycle-result</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/defining-cycle</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/displaying-cycle</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/header-help</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/average</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/calculation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/checker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/input-handler</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/page-interaction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/perform</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/scripts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-calculator</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-manager</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-row-updater</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-transformation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-updater</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/about-resume-screener-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/about-us</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/ats-resume-template</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/card</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/guideline</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/header</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/about-tcet-linux-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/download-section</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/installation-steps</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/navbar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/verify-downloads</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/about-tcet-linux</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/bootloaders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/rootfs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/scripts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/about-tnp-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/directory-structure</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/about-us</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/attendance-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/companies</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/components</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/event-page</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/header</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/industry-interaction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/internships</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/placed-students</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/placement</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/student-award</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/testimonials</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/top-placed-students</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/top-recruiters</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/training</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/resources/workflows/external-workflow/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/resources/workflows/internal-workflow/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset> \ No newline at end of file +<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>https://opensource.tcetmumbai.in/blog</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/archive</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/blog-posting-guidelines</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/breaking-the-ice-open-source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/Cloud-gaming</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/CNCF-Zero-to-Merge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/dive-into-web-design</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-ai-automation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-artificial-intelligence</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-blockchain</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-cloud-computing</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/intro-to-react-js</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/introduction-to-api</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/linux-basics</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/3</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/4</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/5</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/page/6</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/rotaract-club-of-tcet</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/ai</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/ai/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/api</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/artificial-intelligence</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/authentication</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/automation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/blockchain</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cli</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cloud</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cloud-computing</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cncf</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/community</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/css</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cultural</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/cyberpunk</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data-extraction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data-science</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/data/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/editorial</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/free</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/frontend</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/gaming</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/html</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/innovation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/integration</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/jsx</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/linux</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/machine-learning</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/mental-model</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/mind-benders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/nvidia</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/open</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/open-source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/react-js</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/resonsiveness</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/social</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/software</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/software/page/2</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/source</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/technology</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/terminal</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/tmai</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/tui</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/virtaul-dom</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/web-crawling</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/web-design</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/work</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tags/zero-to-merge</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-april-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-june-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/tmai-may-2023</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/blog/web-crawling</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/search</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/about-tcetopensource</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/projects</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/resources</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/category/workflows</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/about-docs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/adding-items</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/adding-links</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/search-bar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/navbar/title-and-logo</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-categories</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-items</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/adding-links</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/docs-site/sidebar/multiple-sidebars</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/about-fmc-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/button-instructions</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/cycle-result</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/defining-cycle</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/displaying-cycle</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/header-help</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/average</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/calculation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/checker</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/input-handler</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/page-interaction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/perform</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/scripts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-calculator</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-manager</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-row-updater</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-transformation</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/fmc-website/mathematical-logic/table-updater</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/about-resume-screener-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/about-us</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/ats-resume-template</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/ats-resume-test-scan</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/card</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/guideline</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/header</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/resume-screener-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/about-tcet-linux-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/copy-to-clipboard</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/download-section</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/installation-steps</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/navbar</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/frontend-components/verify-downloads</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/about-tcet-linux</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/bootloaders</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/rootfs</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tcet-linux/iso-profile/scripts</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/about-tnp-website</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/directory-structure</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/about-us</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/attendance-chart</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/companies</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/components</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/event-page</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/footer</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/header</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/hero</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/industry-interaction</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/internships</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/placed-students</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/placement</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/student-award</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/tech-stacks</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/testimonials</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/top-placed-students</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/top-recruiters</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/frontend-components/training</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/projects/tnp-website/getting-started</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/resources/workflows/external-workflow/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/docs/resources/workflows/internal-workflow/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url><url><loc>https://opensource.tcetmumbai.in/</loc><changefreq>weekly</changefreq><priority>0.5</priority></url></urlset> \ No newline at end of file

@)1s27ncWL&XBOmlQAxD?|6h07G@JwlLpf}{ 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 literal 0 HcmV?d00001 diff --git a/assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png b/assets/images/nature-c935b01c39c1890bf75dc1d28385d139.png new file mode 100644 index 0000000000000000000000000000000000000000..fbc64e422e9d1c82e1731f3e01194d91da6a9206 GIT binary patch literal 525478 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

7RW#B| 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 IM6N<$f*eF$asU7T literal 0 HcmV?d00001 diff --git a/assets/images/intro-7f73c6930cecb4810126341cd83ea924.png b/assets/images/intro-7f73c6930cecb4810126341cd83ea924.png new file mode 100644 index 0000000000000000000000000000000000000000..c771a74f57fb0d90ebe64b0a16c65af91fe91397 GIT binary patch literal 38046 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